Los últimos tutoriales de desarrollo web
 

HTML <progress> Tag


Ejemplo

La descarga en curso:

<progress value="22" max="100"></progress>
Inténtalo tú mismo "

Definición y Uso

La <progress> tag representa el progreso de una tarea.


Soporte para el navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.

Elemento
<progress> 8.0 10.0 16.0 6.0 11.0

Diferencias entre HTML 4.01 y HTML5

La <progress> etiqueta es nueva en HTML5.


Notas y sugerencias

Consejo: Utilice el <progress> etiqueta en conjunción con JavaScript para visualizar el progreso de una tarea.

Nota: La <progress> etiqueta no es adecuado para la representación de un calibre (por ejemplo, el uso de espacio en disco o relevancia de un resultado de la consulta).Para representar un medidor, utilice el <meter> etiqueta en su lugar.


atributos

= Nuevo en HTML5.

Atributo Valor Descripción
max number Especifica la cantidad de trabajo la tarea requiere en total
value number Especifica la cantidad de la tarea se ha completado

Los atributos globales

La <progress> etiqueta también es compatible con el de los atributos globales en HTML .


Atributos de eventos

La <progress> etiqueta también es compatible con la atributos de eventos en HTML .


Páginas relacionadas

Referencia HTML DOM: Progress de objetos


Ajustes por defecto CSS

Ninguna.