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. 
        sling:resourceType:
        core-components-examples/components/progressbar
    
    2. 



    
        

    



    0
    100
    
0




    

    


    JSON

Custom progress

Progress bar with custom defined completion.

33.3 66.7
33.3
    
    

    
  1. 
        completed:
        33.3
    
    2. 

    
  2. 
        sling:resourceType:
        core-components-examples/components/progressbar
    
    3. 



    
        

    



    33.3
    66.7
    
33.3




    

    


    JSON

Built with Core Components 2.17.2.