Progress Barv1

Progress bar can be used to display progress.

Using Core Components

Adobe Help Center

Examples

Default

Default progress bar with no configuration.    

0 100
0
    
    
  1. 
        jcr:primaryType:
        nt:unstructured
    
    2. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        jcr:lastModifiedBy:
        admin
    
    4. 

  4. 
        jcr:created:
        
    
    5. 

  5. 
        jcr:lastModified:
        
    
    6. 

  6. 
        sling:resourceType:
        core-components-examples/components/progressbar
    
    7. 




    
        

    



    0
    100
    
0




    

    


    JSON

Custom progress

Progress bar with custom defined completion.

33.3 66.7
33.3
    
    
  1. 
        jcr:primaryType:
        nt:unstructured
    
    2. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        completed:
        33.3
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  5. 
        jcr:created:
        
    
    6. 

  6. 
        jcr:lastModified:
        
    
    7. 

  7. 
        sling:resourceType:
        core-components-examples/components/progressbar
    
    8. 




    
        

    



    33.3
    66.7
    
33.3




    

    


    JSON

Built with Core Components 2.11.0.