Baseline Widely available
o elemento HTML progress (<progress>) é usado para visualizar o progresso de uma tarefa. Embora as especifidades de como é mostrado ficam a cargo do desenvolvedor, tipicamente, é mostrado como uma barra de progresso.
Contexto de uso Conteúdo permitido Conteúdo de texto Omissão de Tag Nenhum, ambas as tags (abertura e encerramento) são obrigatórias Elemento pai permitido Conteúdo fraseado (phrasing content), mas não deve haver descendentes do elemento progress Documento normativo HTML5, seção 4.10.16 AtributosComo todos os outros elementos HTML, este elemento tem os atributos globais (global attributes)
max
Este atributo descreve quanto trabalho é demandado pela tarefa indicada pelo elemento progress.
value
Este atributo especifica quanto da tarefa foi concluÃdo. Se este não existir, a barra de progresso é indeterminada; isso indica que uma atividade está em progresso sem previsão de quanto tempo é esperado para que seja concluÃda.
Você pode usar a propriedade orient
para especificar se a barra de progresso deve ser renderizada horizontalmente (padrão) ou verticalmente. A pseudo-classe :indeterminate
pode ser associada a barras de progresso indeterminadas.
Este elemento implementa a interface HTMLProgressElement.
Exemplos<progress value="70" max="100">70 %</progress>
Resultado
No Mac OS X, o progresso resultante deve aparecer assim:
No Windows, o progresso resultante deve aparecer assim:
Exemplos adicionaisVeja orient
.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4