Progress Bar Style 1
Loremipsum
90%
<section class="progress-bars">
<div class="container">
<div class="progress-bars-block">
<h2>Progress Bar Title</h2>
<div class="progress1">
<p>Loremipsum</p>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
<p class="rangevalue"><span class="rangevalue1">90</span>%</p>
</div>
</div>
</div>
</div>
</div>
</section>
Progress Bar Style 2
Loremipsum
90%
<section class="progress-bars">
<div class="container">
<div class="progress-bars-block">
<h2>Progress Bar Title</h2>
<div class="progress2">
<p>Loremipsum</p>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
<p class="rangevalue"><span class="rangevalue1">90</span>%</p>
</div>
</div>
</div>
</div>
</section>
Progress Bar Style 3
Loremipsum
90%
<section class="progress-bars">
<div class="container">
<div class="progress-bars-block">
<h2>Progress Bar Title</h2>
<div class="progress3">
<p>Loremipsum</p>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
<p class="rangevalue"><span class="rangevalue1">90</span>%</p>
</div>
</div>
</div>
</div>
</section>