Gravatar de Armonth

Barras y gráficas bonitas 100% CSS

Andaba buscando una forma de mostrar gráficas y una barras de carga con CSS de la forma más limpia posible (más que nada por no perder tiempo reinventando la rueda) cuando me he encontrado un recurso compatible con la gran mayoría de navegadores y 100% CSS perfecto.

Gráficas y barras de progreso

Se trata de CSS For Bar Graphs, simple pero es justo lo que necesitaba :-)

5 Comentarios (feed)

  1. Gravatar de Proz Proz nos comenta:

    C00l, hace poco estuve buscando algo asi y como no lo consegui pues lo hice xD aunque las mias son graficas verticales, era mas sencillo el CSS.

    El problema con la mayoria de estas soluciones, a mi parecer claro, es que no son imprimibles, al usar las propiedades de background en CSS, cuando imprimes solo ves el texto.

    Tampoco es que es imposible, pero si un poco mas dificil que queden tan bonitas una vez te das cuenta de que no puedes usar el background jeje

    Igual es bueno saber que esto ya esta hecho

    Saludos!

    Lunes, 10 de Septiembre/2007 @ 3:42

  2. Gravatar de chuano chuano nos comenta:

    Por lo que comenta Proz yo suelo usar imágenes planas y juego con wl width y height, no son CSS pero se pueden imprimir bien.

    Eso sí, nunca me han quedado tan bonitas…

    Saludos!

    Lunes, 10 de Septiembre/2007 @ 12:53

  3. Gravatar de Manz Manz nos comenta:

    Con CSS se pueden hacer verdaderas maravillas. Yo hice hace algún tiempo unas similares en mi archivo de artículos.

    Como dice Proz, la pega es que no son imprimibles, ¡pero lucen un montón! :)

    Saludos,

    Lunes, 10 de Septiembre/2007 @ 14:40

  4. Gravatar de il maistro il maistro nos comenta:

    Impresionante, voy a ponerlo en práctica. Dominar CSS en estos días es una obligación para cualquier diseñador web que se respete.

    Miércoles, 12 de Septiembre/2007 @ 7:20

  5. Gravatar de pierrot pierrot nos comenta:

    me parece perfecto el tipo de graficas utilizado, quisiera saber, si se puede cambiar de manera automatica la altura de la grafica, utilizando los datos de una consulta en una base de datos como mysql y php.
    gracias

    Sábado, 22 de Marzo/2008 @ 18:26

No seas tímido, da tu opinión

Sé respetuoso con los demás, la diferencia de opiniones enriquece la discusión, los comentarios bajo ciertas circunstancias pueden ser moderados y requerir aprobación.