We're looking for a person or people to help audit MDN to find places we could speed up. Is this you or someone you know? Check out the RFP: https://mzl.la/2IHcMiE

Introduced in HTML5


O HTML progress (<progress>) é o elemento usado para mostrar o progresso de uma tarefa. Enquanto os detalhes específicos de como ele é exibido é deixado para o desenvolvedor web, é tipicamente exibido como uma barra de progresso.

Contexto de uso

Conteúdo permitido Phrasing content
Tag omission None, both, o inicio da tag e o final da tag são obrigatórios.
Elemento pai permitido Phrasing content, mas não deve haver descedentes no elemento progress  .
Documento normativo HTML5, section 4.10.16


Como todos os outros elementos HTML, este elemento possui os atributos globais.

This attribute specifies the form which the progress element belongs to.
This attribute describes how much work the task indicated by the progress element requires.
This attribute specifies how much of the task that has been completed. If there is no value attribute, the progress bar is indeterminate; this indicates that an activity is ongoing with no indication of how long it is expected to take.

You can use the orient property to specify whether the progress bar should be rendered horizontally (the default) or vertically. The :indeterminate pseudo-class can be used to match against indeterminate progress bars.

DOM interface

Este elemento implementa a interface HTMLProgressElement.


<progress value="70" max="100">70 %</progress>


View Live Examples

No Google Chrome, o resultado do progress parece deste modo:


Exemplos Adicionais

Veja orient.

Compatibilidade dos Browsers

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Características Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 6.0 6.0 (6.0) No 11 nightlies
Características Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

Gecko notes

Gecko provides the ::-moz-progress-bar pseudo-element, which lets you style the part of the interior of the progress bar representing the amount of work completed so far.

Veja também

Etiquetas do documento e contribuidores

 Contribuidores para esta página: jwhitlock, teoli, gustavowiller, Leandro Mercês Xavier
 Última atualização por: jwhitlock,