Etiqueta <progress> de HTML

  • Página Anterior <pre>
  • Próxima Página <q>

Definição e uso

<progress> a etiqueta representa o progresso da tarefa.

Dica:Sempre adicione <label> Etiqueta para obter as melhores práticas de acessibilidade!

Veja também：

Manual de Referência do DOM HTML：Objeto Progress

Exemplo

Exibir a barra de progresso：

<label for="file">Progresso de download：</label>
<progress id="file" value="32" max="100"> 32% </progress>

Experimente pessoalmente

Dicas e Notas

Dica:Vamos <progress> A combinação do tag com JavaScript pode mostrar o progresso da tarefa.

Atenção:<progress> O tag não é apropriado para representar instrumentos (por exemplo, uso de espaço em disco ou relevância dos resultados da consulta). Para representar instrumentos, use o tag <meter>.

Atributo

Atributo Valor Descrição
max Número Define a quantidade total de trabalho necessário para a tarefa. O valor padrão é 1.
value Número Define a parte da tarefa concluída.

Atributos Globais

<progress> O tag também suporta Atributos Globais no HTML.

Atributos de Evento

<progress> O tag também suporta Atributos de Evento no HTML.

Configuração CSS Padrão

Nenhum.

Suporte do Navegador

Os números na tabela indicam a versão do navegador que suporta completamente o tag pela primeira vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Página Anterior <pre>
  • Próxima Página <q>