HTML - Tag de progresso

Descrição

A tag HTML <progress> especifica o andamento da conclusão de uma tarefa. É exibido como uma barra de progresso. O valor de progressbar pode ser manipulado por JavaScript.

Exemplo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Progress Tag</title>
   </head>

   <body>
      <h1>Student's Intelligence level</h1>
      <progress value = "80" max = "100"/>
   </body>

</html>

Isso produzirá o seguinte resultado -

Atributos Globais

Esta tag suporta todos os atributos globais descritos em - HTML Attribute Reference

Atributos Específicos

A tag HTML <progress> também suporta os seguintes atributos adicionais -

Atributo Valor Descrição
max max Deve ter um valor maior que zero e um número de ponto flutuante válido.
valor valor Especifica quanto da tarefa foi concluída. Deve ser um número de ponto flutuante entre 0 e max ou 0 e 1 se max for omitido.

Atributos de evento

Esta tag suporta todos os atributos de evento descritos em - Referência de eventos HTML

Suporte de navegador

cromada Raposa de fogo IE Ópera Safári Android
sim sim sim sim sim sim