Progress

The progress component (.progress) communicates completion of a task as a filled bar or a circular ring, driven by a role="progressbar" element with standard aria-valuenow/min/max attributes. FlickUI ships no JavaScript that computes or animates progress values — the fill width or ring arc is set by you via inline styles.

<div class="progress progress-success" role="progressbar" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100">
  <p class="progress-label">Uploading… 72%</p>
  <div class="progress-track">
    <div class="progress-fill" style="width: 72%"></div>
  </div>
</div>