From 2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:50:24 +0100 Subject: unslug pt-pt: move --- files/pt-pt/web/html/element/progress/index.html | 128 +++++++++++++++++++++++ 1 file changed, 128 insertions(+) create mode 100644 files/pt-pt/web/html/element/progress/index.html (limited to 'files/pt-pt/web/html/element/progress/index.html') diff --git a/files/pt-pt/web/html/element/progress/index.html b/files/pt-pt/web/html/element/progress/index.html new file mode 100644 index 0000000000..0b99ea2873 --- /dev/null +++ b/files/pt-pt/web/html/element/progress/index.html @@ -0,0 +1,128 @@ +--- +title: progress +slug: Web/HTML/Elemento/progress +translation_of: Web/HTML/Element/progress +--- +

Resumo

+ +

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 permitidoPhrasing content
Tag omissionNone, both, o inicio da tag e o final da tag são obrigatórios.
Elemento pai permitidoPhrasing content, mas não deve haver descedentes no elemento progress  .
Documento normativoHTML5, section 4.10.16
+ +

Atributos

+ +

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

+ +
+
{{ htmlattrdef("form") }}
+
This attribute specifies the form which the progress element belongs to.
+
{{ htmlattrdef("max") }}
+
This attribute describes how much work the task indicated by the progress element requires.
+
{{ htmlattrdef("value") }}
+
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 {{ cssxref("orient") }} property to specify whether the progress bar should be rendered horizontally (the default) or vertically. The {{ cssxref(":indeterminate") }} pseudo-class can be used to match against indeterminate progress bars.

+ +

DOM interface

+ +

Este elemento implementa a interface HTMLProgressElement.

+ +

Exemplos

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

Resultado

+ +

View Live Examples

+ +

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

+ +

progress-1.png

+ +

Exemplos Adicionais

+ +

Veja {{ cssxref("orient") }}.

+ +

Compatibilidade dos Browsers

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticasChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support6.0{{ CompatGeckoDesktop("6.0") }}No11nightlies
+
+ +
+ + + + + + + + + + + + + + + + + + + +
CaracterísticasAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

Gecko notes

+ +

Gecko provides the {{ cssxref("::-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

+ + -- cgit v1.2.3-54-g00ecf