Tag progress

A tag progress é usada para exibir o progresso de conclusão de uma tarefa. A alteração do valor é feita via JavaScript. Dentro da tag, especifique o texto que será exibido caso o navegador não entenda esta tag.

Atributos

Atributo Descrição
value O valor atual do progresso.
max O valor máximo do progresso.

Os valores dos atributos são números inteiros ou fracionários.

Exemplo

html<progress max="100" value="25">
  Carregado em 25%
</progress>

Результат:

Exemplo

html<progress max="100" value="75">
  Carregado em 75%
</progress>

Результат:

Exemplo

html<progress max="100" value="100">
  Carregado em 100%
</progress>

Результат:

Exemplo

html<progress max="100" value="0">
  Carregado em 0%
</progress>

Результат:

Exemplo . Valores fracionários

html<progress max="100" value="10.5">
  Carregado em 10.5%
</progress>

Результат:

Veja também

  • a tag meter,
    que exibe um intervalo de valores de forma elegante