CSS· ProgressBar

Desde hace ya un tiempo, vengo estudiando HTML5. Pasar pronto de XHTML a HTML5 me tiene muy impresionado sobre todo por las nuevas potentes características de éste futuro nuevo estándar. Pero CSS3 ya está aquí y también es muy impresionante; una prueba de ello son las barras o indicadores de progreso implementados bajo CSS3 que publicaron en CSS-Tricks.

CSS· ProgressBar

En una página web, un código como el siguiente:

<div class="meter red">

<span style="width: 80%"></span>

</div>

muestra una barra de progreso indicando el 80% completado.

Todos los ejemplos publicados por CSS-Tricks se pueden descargar en un archivo ZIP que contiene sólo dos archivos: el HTML y el CSS3.

Echale una vistazo a estos ejemplos y al igual que yo quedarás impactado no sólo por los resultados finales (que también son impactantes), sino por la sencillez con que se pueden implementar en cualquier desarrollo web.

CSS3 Progress Bars

Sitio: css-tricks.com/css3-progress-bars

 

 

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT