inFakt Styleguide

Progress bar

10%
<div class="progress-bar--wrap">
  <div class="progress-bar">
    10%
    <div style="width: 10%;" class="progress-inner"></div>
  </div>
</div>

Progress bar – kolory

Progress bar zielony

<div class="client-tax--summary">
  <div class="progress-bar--wrap progress--green">
    <div style="width: 40%;" class="progress-bar"></div>
  </div>
</div>

Progress bar turkusowy

<div class="client-tax--summary">
  <div class="progress-bar--wrap progress--turquoise">
    <div style="width: 60%;" class="progress-bar"></div>
  </div>
</div>

Progress bar niebieski

<div class="client-tax--summary">
  <div class="progress-bar--wrap progress--blue">
    <div style="width: 50%;" class="progress-bar"></div>
  </div>
</div>