Progress bar

In the registration process there are 4 steps with a progress bar showing graphically the completed steps. This component is reusable.

25%

50%

75%

  <div class="progress-bar-wrapper">
    <div class="progress-bar">0%</div>
  </div>
  <div class="progress-bar-wrapper">
    <div class="progress-bar" style="width: 25%;">25%</div>
  </div>
  <div class="progress-bar-wrapper">
    <div class="progress-bar" style="width: 50%;">50%</div>
  </div>
  <div class="progress-bar-wrapper">
    <div class="progress-bar" style="width: 75%;">75%</div>
  </div>