Manual de referência do HTML

大全 do HTML

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

HTML5: <progress> rótulo

O elemento <progress> do HTML é usado para mostrar o progresso de uma tarefa. Embora a especificação não defina como o elemento deve ser exibido, os desenvolvedores de navegadores podem decidir por si mesmos. No entanto, geralmente, o elemento é exibido como uma barra de progresso.

Exemplo online

Marcador "Progresso de download":

Exemplo

!doctype　html>
<html>
<head>
　　<title>HTML5　uso do rótulo progress (tutorial básico da web oldtoolbag.com)</title>
　　<meta　charset="UTF-8">
</head>
<body>
　　　　<p>This　is　a　live　example　of　the　HTML5　element　<a　href="//pt.oldtoolbag.com"><progress></a></p>
　　　　<progress　value="70"　max="100">70　%</progress>
</body>
</html>

Teste e veja ‹/›

Navegador compatível

IEFirefoxOperaChromeSafari

IE 10, Firefox, Opera, Chrome and Safari 6 supports the <progress> tag.

Note: IE 9 or earlier versions of IE browsers do not support the <progress> tag.

Definition and usage of the tag

<progress> tag defines the progress of a running task (process).

HTML 4.01 and HTML5differences between

<progress> tag is HTML5 New tag in

Tips and notes

Tip:Note: Use <progress> tag with JavaScript to display the progress of a task.

Note:<progress> tag is not suitable for representing measures (such as disk space usage or related query results). To represent measures, please use <meter> tag to replace.

Attribute

New : HTML5 New attribute in

Attribute	Value	Description
maxHTML5	number	Specifies the value that needs to be completed.
valueHTML5	number	Specifies the current value of the process.

Global attributes

Support for <progress> tag Global attributes of HTML.

Event attributes

Support for <progress> tag HTML event attributes.

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