<div class="progress progress-sm">
	<div class="progress-bar" role="progressbar" data-value-progress="60">
		<span class="value-progress">Small</span>
	</div>
</div>
<div class="progress">
	<div class="progress-bar" role="progressbar" data-value-progress="80">
		<span class="value-progress">Progress bar medium</span>
	</div>
</div>
<div class="progress progress-lg">
	<div class="progress-bar" role="progressbar" data-value-progress="50">
		<span class="value-progress">Progress bar medium</span>
	</div>
</div>

<div class="progress">
	<div class="progress-bar" role="progressbar" data-value-progress="60">
		<span class="value-progress">Progress bar default</span>
	</div>
</div>
<div class="progress progress-primary">
	<div class="progress-bar" role="progressbar" data-value-progress="45">
		<span class="value-progress">Progress bar primary</span>
	</div>
</div>
<div class="progress progress-blue">
	<div class="progress-bar"  role="progressbar" data-value-progress="50">
		<span class="value-progress">Progress bar blue</span>
	</div>
</div>
<div class="progress progress-purple">
	<div class="progress-bar"  role="progressbar" data-value-progress="70">
		<span class="value-progress">Progress bar purple</span>
	</div>
</div>
<div class="progress progress-pink">
	<div class="progress-bar"  role="progressbar" data-value-progress="65">
		<span class="value-progress">Progress bar pink</span>
	</div>
</div>
<div class="progress progress-yellow">
	<div class="progress-bar"  role="progressbar" data-value-progress="40">
		<span class="value-progress">Progress bar yellow</span>
	</div>
</div>
<div class="progress progress-green">
	<div class="progress-bar"  role="progressbar" data-value-progress="55">
		<span class="value-progress">Progress bar green</span>
	</div>
</div>
<div class="progress progress-red">
	<div class="progress-bar"  role="progressbar" data-value-progress="40">
		<span class="value-progress">Progress bar red</span>
	</div>
</div>