Eng
Deutsch
Française
Progress Bar Style 1
<div class="progerss-1">
<div class="heading-1 wow fadeInUp" data-wow-delay=".15s" data-wow-duration=".75s">
<h2>Progress Bar Style 1</h2>
</div>
<div class="progress wow fadeInUp" data-wow-delay=".15s" data-wow-duration=".75s">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
<div class="popOver">75%</div>
</div>
</div>
</div>
Progress Bar Style 2
75%
<div class="progerss-2">
<div class="heading-1 wow fadeInUp" data-wow-delay=".15s" data-wow-duration=".75s">
<h2>Progress Bar Style 2</h2>
</div>
<div class="row justify-content-end wow fadeInUp" data-wow-delay=".15s" data-wow-duration=".75s">
<div class="col-2">
<div class=" progerss-count mb-4">75%</div>
</div>
</div>
<div class="progress wow fadeInUp" data-wow-delay=".15s" data-wow-duration=".75s">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="10000" style="width: 75%">
</div>
</div>
</div>
Progress Bar Style 3
<div class="progerss-3">
<div class="heading-1">
<h2>Progress Bar Style 3</h2> </div>
<div class="progress-style-3">
<div class="progress-3 progress">
<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 70%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
<div class="popOver">75%</div>
</div>
</div>
</div>
</div>
Progress Bar Style 4
Web Design
75%
<div class="progerss-4">
<div class="heading-1">
<h2>Progress Bar Style 4</h2> </div>
<div class="title-progerss">
<div class="progerss-tilte">
<h4>Web Design</h4> </div>
<div class="progerss-count">75%</div>
</div>
<div class="progress-4 progress">
<div class="progress-bar" style="width: 75%;"> </div>
</div>
</div>