[SOLUCIONADO] barra para %

[arcanisgk122]

Hola amigos por hay vi en un foro o pagina web que tenían barras de % dinámicas para mostrar gráficos como los de excel.

estuve buscando pero solo encontré la barra progress.

la idea era poner en los perfiles de usuarios de una pagina web el % de habilidad asiendo algo por ejemplo:

Matemáticas 65%
||||||||||||||||||||||| |

y mostrar una barra de bajo que con ese porcentaje.
pero no encuentro ningún ejemplo a ver quien me puede colavorar.

[pzin]

*haciendo
*colaborar

Las barras de progreso realmente están pensadas para otra cosa.

Para eso realmente te basta con un poco de CSS. ¿No?

[arcanisgk122]

encontre otra forma:

Código HTML:

<meter style="width:100%" value="100" max="100"></meter>
 

[Rafael]

Curiosa etiqueta, una de las que no conocía.

Para hacer algo compatible también puede ser un div dentro de otro div.

También hay librerías como http://datavisualization.ch/tools/13...isualizations/

[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;
}