<div class="progress-bars">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="progress-bar-style-1">
<h6>75<span>%</span></h6>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<h6>75%</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="progress-bars">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="progress-bar-style-2">
<h2>PROGRESS BAR STYLE 2</h2>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
</div>
<h6>75%</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="progress-bars">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="progress-bar-style-3">
<h2>PROGRESS BAR STYLE 3</h2>
<div class="progress">
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 75%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<h6>75%</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="progress-bars">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="progress-bar-style-4">
<h2>PROGRESS BAR STYLE 4</h2>
<div class="progress-details"><h5>Web Design</h5><h5>72%</h5></div>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 72%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>