<div data-appear-progress-animation="80%" class="progress progress-striped active">
	<div class="progress-bar progress-bar-warning" style="width: 80%; text-indent: 10px;">Web Design 80%</div>
</div>
			
<div data-appear-progress-animation="70%" class="progress progress-striped">
	<div class="progress-bar progress-bar-danger" style="width: 70%; text-indent: 10px;">HTML/CSS 70%</div>
</div>
			
<div data-appear-progress-animation="40%" class="progress progress-striped hover">
	<div class="progress-bar progress-bar-success" style="width: 40%; text-indent: 10px;">Opencart 40%</div>
</div>

<div data-appear-progress-animation="58%" class="progress progress-striped active hover">
	<div class="progress-bar progress-bar-info" style="width: 58%; text-indent: 10px;">WordPress 58%</div>
</div>