Si queréis mostrar información en forma de gráfico esto os vendrá como anillo al dedo. Son tres gráficas diferentes hechas mediante css y xhtml que salen de applestooranges.com. Para implementarlas primero descargar este pack de imagines que son las necesarias.
El primero de los gráficos se mostrará con este aspecto:
Para usarla, creamos una carpeta dentro de la cual metemos todas las imágenes del pack que comentaba antes. Creamos un archivo .html y lo guardamos en la misma carpeta donde metimos las imágenes. Para obtener la gráfica usaremos estos códigos en el .html:
CSS
[html]
[/html]
HTML
[html]
[/html]
El segundo se verá algo similar a esto:
Para implementarlo seguimos los mismos pasos que antes, solamente cambia el código css y html que añadimos a nuestro .html:
CSS
[html]
[/html]
HTML
[html]
- Love Life
- 25%
- Education
- 55%
- War Craft 3 Rank
- 75%
[/html]
El último de los gráficos tendrá este aspecto:
Si lo queremos usar, hacemos lo mismo que en los dos casos anteriores cambiando el css y html:
CSS
[html]
[/html]
HTML
[html]
- 22
- 7
- 3
- 8
- 2
[/html]
Enlace: CSS FOR BAR GRAPHSÂ (la web ya no funciona)
