Progress

Progress bars for showing completion status.

Native <progress> element

<progress value="25" max="100"></progress>
<progress value="50" max="100" class="af-is-success"></progress>
<progress value="75" max="100" class="af-is-warning"></progress>

Custom progress bar

<div class="af-progress">
  <div class="af-progress-bar" style="width: 60%;"></div>
</div>