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.