Tag HTML <avanzamento>


Esempio

Mostra una barra di avanzamento:

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

Definizione e utilizzo

Il <progress>tag rappresenta l'avanzamento del completamento di un'attività.

Suggerimento: aggiungi sempre il tag <label> per le migliori pratiche di accessibilità!


Suggerimenti e note

Suggerimento: utilizza il <progress>tag insieme a JavaScript per visualizzare lo stato di avanzamento di un'attività.

Nota : il <progress>tag non è adatto per rappresentare un indicatore (ad es. utilizzo dello spazio su disco o pertinenza di un risultato di query). Per rappresentare un indicatore, utilizza invece il tag <meter> .


Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente l'elemento.

Element
<progress> 8.0 10.0 16.0 6.0 11.0


Attributi

Attribute Value Description
max number Specifies how much work the task requires in total. Default value is 1
value number Specifies how much of the task has been completed

Attributi globali

Il <progress>tag supporta anche gli attributi globali in HTML .


Attributi dell'evento

Il <progress>tag supporta anche gli attributi dell'evento in HTML .


Pagine correlate

Riferimento HTML DOM: Progress Object


Impostazioni CSS predefinite

Nessuno.