Como crear barras de proceso en CSS3

A continuación les dejo varias demostraciones de como utilizar las barras de progreso para implementar en sus páginas webs:

Ejemplo 1:

<div class="meter">
 <span style="width: 25%"></span></div>

Ejemplo 2:

<div class="meter orange nostripes">
 <span style="width: 33.3%"></span>
</div>

Ejemplo 3:

<div class="meter red">
 <span style="width: 80%"></span>
</div>

Ejemplo 4:

<div class="meter animate">
 <span style="width: 50%"><span></span></span>
</div>

El texto original lo pueden encontrar en CSS TRICKS.