Tag HTML <progresso>
Exemplo
Mostrar uma barra de progresso:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Definição e uso
A <progress>
tag representa o progresso de conclusão de uma tarefa.
Dica: Sempre adicione a tag <label> para melhores práticas de acessibilidade!
Dicas e Notas
Dica: Use a <progress>
tag em conjunto com JavaScript para exibir o andamento de uma tarefa.
Nota : A <progress>
tag não é adequada para representar um medidor (por exemplo, uso de espaço em disco ou relevância de um resultado de consulta). Para representar um medidor, use a tag <meter> .
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o elemento.
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Atributos
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total. Default value is 1 |
value | number | Specifies how much of the task has been completed |
Atributos Globais
A <progress>
tag também suporta os Atributos Globais em HTML .
Atributos do evento
A <progress>
tag também suporta os atributos de evento em HTML .
Páginas relacionadas
Referência HTML DOM: objeto Progress
Configurações padrão de CSS
Nenhum.