HTML - Tag di avanzamento

Descrizione

Il tag HTML <progress> specifica l'avanzamento del completamento di un'attività. Viene visualizzato come una barra di avanzamento. Il valore della barra di avanzamento può essere manipolato da JavaScript.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Progress Tag</title>
   </head>

   <body>
      <h1>Student's Intelligence level</h1>
      <progress value = "80" max = "100"/>
   </body>

</html>

Questo produrrà il seguente risultato:

Attributi globali

Questo tag supporta tutti gli attributi globali descritti in - HTML Attribute Reference

Attributi specifici

Il tag HTML <progress> supporta anche i seguenti attributi aggiuntivi:

Attributo Valore Descrizione
max max Dovrebbe avere un valore maggiore di zero e un numero in virgola mobile valido.
valore valore Specifica la quantità di attività che è stata completata. Dovrebbe essere un numero in virgola mobile compreso tra 0 e max o 0 e 1 se max viene omesso.

Attributi dell'evento

Questo tag supporta tutti gli attributi degli eventi descritti in - Riferimento agli eventi HTML

Supporto browser

Cromo Firefox IE musica lirica Safari Android