Progress bar

A progress bar is a way of showing the progression of a task.

demo

click play button for a demo of interaction

Simple progress bar

Example

14%

Code example

            <div class="c-progress-bar">
    <div class="c-progress-bar--active" style="width:14%"></div>
</div>
        

Example

66%

Code example

                <div class="c-progress-bar">
    <div class="c-progress-bar--active" style="width:66%"></div>
</div>