Progress bars

Progress bar Dark
Progress bar Aqua
Progress bar Blue
Progress bar Golden Yellow
Progress bar Pink Edge
Progress bar Purple
Progress bar Spring Red
Progress bar Tan
Progress bar Turquiose
Progress bar Very Peri

<div class="progress-box">
  <h6 class="fw-medium">Progress bar Dark</h6>
  <div class="animated-progress">
    <div data-progress="94"></div>
  </div>
</div>
<div class="progress-box progress-aqua">
  <h6 class="fw-medium">Progress bar Aqua</h6>
  <div class="animated-progress">
    <div data-progress="92"></div>
  </div>
</div>
<div class="progress-box progress-blue">
  <h6 class="fw-medium">Progress bar Blue</h6>
  <div class="animated-progress">
    <div data-progress="88"></div>
  </div>
</div>
<div class="progress-box progress-golden-yellow">
  <h6 class="fw-medium">Progress bar Golden Yellow</h6>
  <div class="animated-progress">
    <div data-progress="98"></div>
  </div>
</div>
<div class="progress-box progress-pink-edge">
  <h6 class="fw-medium">Progress bar Pink Edge</h6>
  <div class="animated-progress">
    <div data-progress="86"></div>
  </div>
</div>
<div class="progress-box progress-purple">
  <h6 class="fw-medium">Progress bar Purple</h6>
  <div class="animated-progress">
    <div data-progress="92"></div>
  </div>
</div>
<div class="progress-box progress-spring-red">
  <h6 class="fw-medium">Progress bar Spring Red</h6>
  <div class="animated-progress">
    <div data-progress="86"></div>
  </div>
</div>
<div class="progress-box progress-tan">
  <h6 class="fw-medium">Progress bar Tan</h6>
  <div class="animated-progress">
    <div data-progress="88"></div>
  </div>
</div>
<div class="progress-box progress-turquiose">
  <h6 class="fw-medium">Progress bar Turquiose</h6>
  <div class="animated-progress">
    <div data-progress="90"></div>
  </div>
</div>
<div class="progress-box progress-very-peri">
  <h6 class="fw-medium">Progress bar Very Peri</h6>
  <div class="animated-progress">
    <div data-progress="94"></div>
  </div>
</div>