Progress Bars

<div class="progress-style-1">                 
  <h6>Progress Style 1</h6>
  <div class="progress">
    <div class="progress-bar bg-primary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:85%"><span>85%</span></div>
  </div>
</div>

<div class="progress-style-2">
 <h6>Progress Style 2</h6>
 <div class="progress">
   <div class="progress-bar progress-bar-striped bg-primary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:70%"><span>70%</span></div>
   </div>
</div>

<div class="progress-style-3">  
 <h6>Progress Style 3</h6>
 <div class="progress">
  <div class="progress-bar bg-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:85%"><span>85%</span></div>
 </div>
</div>