1. Docs
  2. Components
  3. Progress
Buy Now Contact

Progress

Popular component to track the progress of something.


<div class="c-progress c-progress--info">
    <div class="c-progress__bar" style="width:20%;"></div>
</div>

<div class="c-progress c-progress--warning">
    <div class="c-progress__bar" style="width:35%;"></div>
</div>

<div class="c-progress c-progress--fancy">
    <div class="c-progress__bar" style="width:70%;"></div>
</div>

<div class="c-progress c-progress--success">
    <div class="c-progress__bar" style="width:20%;"></div>
</div>

<div class="c-progress c-progress--danger">
    <div class="c-progress__bar" style="width:45%;"></div>
</div>
Contents: