<p class="text-center">
	<strong>Activités</strong>
</p>

<div class="progress-group">
	<span class="progress-text">Produit 1</span>
	<span class="progress-number"><b>160</b>/200</span>

	<div class="progress sm">
		<div class="progress-bar progress-bar-aqua" style="width: 80%"></div>
	</div>
</div>
<!-- /.progress-group -->
<div class="progress-group">
	<span class="progress-text">Produit 2</span>
	<span class="progress-number"><b>310</b>/400</span>

	<div class="progress sm">
		<div class="progress-bar progress-bar-red" style="width: 72%"></div>
	</div>
</div>
<!-- /.progress-group -->
<div class="progress-group">
	<span class="progress-text">Produit 3</span>
	<span class="progress-number"><b>480</b>/800</span>

	<div class="progress sm">
		<div class="progress-bar progress-bar-green" style="width: 52%"></div>
	</div>
</div>
<!-- /.progress-group -->
<div class="progress-group">
	<span class="progress-text">Produit 4</span>
	<span class="progress-number"><b>250</b>/500</span>

	<div class="progress sm">
		<div class="progress-bar progress-bar-yellow" style="width: 80%"></div>
	</div>
</div>
<!-- /.progress-group -->
