CSS3 HTML5

Los nuevos estándares para el diseño y desarrollo web y Móvil

Capacitación HTML5

El elemento progress de HTML5

| 4 Comentarios

Un interesante elemento que se agrega en HTML5 es progress. ¿Para que sirve? Es lo que se conoce como una barra de progreso.

En este elemento es importante destacar que para que esta etiqueta sea eficaz, deberemos incluir los atributos max (el total al que podrá llegar la barra) y el atributo value (el lugar donde se encuentra el progreso). Veamos un ejemplo a continuación para comprender mejor como funciona:

<progress value="85" max="100">Si ves esto es porque tu navegador no soporta este elemento</progress>

Esto nos dará el siguiente resultado en los navegadores compatibles (Chrome, Firefox y Opera):

Si ves esto es porque tu navegador no soporta este elemento

Claro que para hacer interesante esta elemento será necesario que lo integremos con nuestra aplicación, ya sea con AJAX o mediante alguna tecnología del lado servidor.

¿Te ha resultado interesante esta información? ¿Estás buscando aprender más sobre las novedades de HTML5? Contáctanos.

Autor: Damián

Escribió cuatro libros, relacionados con sistemas operativos, hardware y desarrollo web, entre ellos se destaca Webmaster Profesional (editado en el año 2009) y HTML 5 – Entienda el cambio, aproveche su potencial lanzado en el 2011 en formato papel y en el 2012 en versión ebook. Se ha desempeñado como editor de libros relacionados con informática. Ha realizado trabajos de edición en la revista Users Digital Design, para la cual participa también escribiendo notas sobre diseño y desarrollo web. Ha colaborado como autor en la revista Dr. Max, Phone Users y en diversas colecciones de fascículos (Universo PC y 1000 Ideas PC, entre otras). Escribe contenidos para diversos medios online, incluyendo el sitio RedUSERS.com. Es consultor y especialista en desarrollo web, con amplio conocimiento en HTML, CSS, AJAX, PHP y Bases de datos. En la actualidad se destaca su trabajo en la preparación de contenidos relacionados con CSS3 y HTML5. Es profesor y dicta curso de HTML5 y clases en la Carrera de Programador Web en el Instituto IT Master Professional Training, en Buenos Aires (Argentina).

4 Comentarios

  1. este es d mucha ayuda

  2. Me ayudas con un ejemplo usando Ajax?

Deja un comentario

Es requirido que se compelte.*.