Tag HTML <progress>

  • Pagina precedente <pre>
  • Pagina successiva <q>

Definizione e uso

<progress> l'etichetta rappresenta il progresso completato del compito.

Suggerimento:Aggiungi sempre <label> etichetta per ottenere le migliori pratiche di accessibilità!

Vedi anche:

Manuale HTML DOM:Oggetto Progress

Esempio

Mostra la barra di avanzamento:

<label for="file">Download progress:</label>
<progress id="file" value="32" max="100"> 32% </progress>

Prova da solo

Suggerimenti e note

Suggerimento:Trasformare <progress> Il tag può essere utilizzato insieme a JavaScript per visualizzare il progresso della tassa.

Attenzione:<progress> Il tag non è adatto per rappresentare strumenti (ad esempio, l'uso dello spazio di archiviazione o la rilevanza dei risultati delle ricerche). Per rappresentare strumenti, utilizzare il tag <meter>.

Attributo

Attributo Valore Descrizione
max Numero Determina la quantità totale di lavoro necessaria per completare la tassa. Il valore predefinito è 1.
value Numero Determina la parte del lavoro completato.

Attributi globali

<progress> Il tag supporta anche Attributi globali in HTML.

Attributi eventi

<progress> Il tag supporta anche Attributi eventi in HTML.

Impostazioni CSS predefinite

Nessuno.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente il tag per la prima volta.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Pagina precedente <pre>
  • Pagina successiva <q>