User Manual

Progress

A custom progress-bar to show how far along the user is in the process. Set the width of the a-progress__bar to visualise the progress.

Default


    
      

  
  <div class="a-progress ">
    <div class="a-progress__bar" style="width:30%"></div>
  </div>

Green


    
      

  
   <div class="a-progress a-progress--green ">
    <div class="a-progress__bar" style="width:60%"></div>
  </div>

Modifiers

  • a-progress--green

    To visualise a green version