barra para %

[pzin]

No tiene aún mucho soporte, en IE no funciona siquiera en la versión 10: http://caniuse.com/progressmeter

Sigo pensando que una solución en CSS sería un tanto mejor:

Código HTML:

<div>
  <span style="width: 60%"></span>
</div>
 

Código CSS:

div {
  background: rgba(255,0,0,.5);
  overflow: hidden;
}
 
span {
  float: left;
  height: 15px;
  background: red;
}