Manual de referencia HTML

大全 de etiquetas HTML

HTML: <q> etiqueta HTML: <picture> elemento

HTML5: <progress> etiqueta

El elemento <progress> en HTML se utiliza para mostrar el progreso de una tarea. Aunque la especificación no establece cómo debe mostrarse este elemento, los desarrolladores de navegadores pueden decidirlo por sí mismos, pero generalmente se muestra en forma de barra de progreso.

Ejemplo en línea

Etiqueta "progreso de descarga":

Ejemplo

!doctype　html>
<html>
<head>
　　<title>HTML5　uso del etiqueta progress (Tutoriales básicos web　oldtoolbag.com)</title>
　　<meta　charset="UTF-8">
</head>
<body>
　　　　<p>This　is　a　live　example　of　the　HTML5　elemento　<a　href="//es.oldtoolbag.com"><progress></a></p>
　　　　<progress　value="70"　max="100">70　%</progress>
</body>
</html>

Prueba y mira ‹/›

Navegador compatible

IEFirefoxOperaChromeSafari

IE 10、Firefox、Opera、Chrome y Safari 6 soporta <progress> etiqueta.

Notas: IE 9 o versiones anteriores de IE navegador no soportan <progress> etiqueta.

Definición y descripción de uso de la etiqueta

<progress> etiqueta define el progreso de la tarea en ejecución (proceso).

HTML 4.01 y HTML5diferencias entre

<progress> etiqueta es HTML5 nueva etiqueta en

Consejos y notas

Consejo:Utilice <progress> etiqueta con JavaScript para mostrar el progreso de la tarea.

Notas:<progress> etiqueta no es adecuado para representar medidas (por ejemplo, uso de espacio en disco o resultados de consultas relacionadas). Para representar medidas, utilice <meter> etiqueta para reemplazar.

Atributo

New : HTML5 nuevo atributo en

Atributo	Valor	Descripción
maxHTML5	number	Define el valor necesario para completar.
valueHTML5	number	Define el valor actual del proceso.

Atributos globales

Soporte de <progress> etiqueta Atributos globales de HTML.

Atributos de eventos

Soporte de <progress> etiqueta Atributos de eventos de HTML.

HTML: <q> etiqueta HTML: <picture> elemento