نوارهای پیشرفت

<div class="progress-box">  <h6 class="fw-medium">Progress bar</h6>  <div class="animated-progress">    <div data-progress="94"></div>  </div>
</div>

<div class="progress-box progress-blue mt-4">  <h6 class="fw-medium">Progress bar Blue</h6>  <div class="animated-progress">    <div data-progress="88"></div>  </div>
</div>

<div class="progress-box progress-purple mt-4">  <h6 class="fw-medium">Progress bar Purple</h6>  <div class="animated-progress">    <div data-progress="92"></div>  </div>
</div>

<div class="progress-box progress-pink-edge mt-4">  <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-golden-yellow mt-4">  <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-very-peri mt-4">  <h6 class="fw-medium">Progress bar Very Peri</h6>  <div class="animated-progress">    <div data-progress="94"></div>  </div>
</div>

<div class="progress-box progress-turquiose mt-4">  <h6 class="fw-medium">Progress bar Turquiose</h6>  <div class="animated-progress">    <div data-progress="90"></div>  </div>
</div>

<div class="progress-box progress-spring-red mt-4">  <h6 class="fw-medium">Progress bar Spring Red</h6>  <div class="animated-progress">    <div data-progress="90"></div>  </div>
</div>