Progressbar Component

The progressbar component is used to show the progress of a task.

            <div class="col-s-2 col-3 progressbar" aria-value="34" aria-max="100"></div>
 
            <div class="col-s-2 col-3 progressbar" aria-value="98%" aria-max="100%"></div>
 
            <div class="col-s-2 col-3 progressbar" aria-value="8249" aria-max="24560"></div>
 

Usage

The progressbar used the aria-value and aria-max attributes to calculate the position of progressbar.
The aria-value attribute is the current value of the progressbar and the aria-max attribute is the maximum value of the progressbar.

Is used the percentage values, 100% is the maximum value of the progressbar.