Progress bar

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

0%
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>