HTML Progress Tag


Descrizione

Il tag HTML <progress> permette di inserire una barra di avanzamento. Il valore della barra d' avanzamento può essere manipolato tramite JavaScript.

Esempio

<!DOCTYPE html>
<html>
<head>
<title>HTML Progress Tag</title>
</head>
<body>
<h1>Student's Intelligence level</h1>
<progress value="20" max="100"/>
</body>
</html>

Produrrà il seguente risultato:

Student's Intelligence Level

Attributi Globali

Questo tag supporta tutti gli attributi globali descritti in - HTML - Referenze Attributi

Attributi Specifici

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

AttributoValoreDescrizione
max html-5maxIndica il valore massimo. Dovrebbe essere un valore maggiore di zero, anche in virgola mobile.
valuehtml-5valueSpecifica la quantità che è stata completata. Dovrebbe essere un valore in virgola mobile compreso tra 0 ed il valore dell' attributo max, oppure un valore compreso tra 0 e 1 se non è stato impostato alcun valore per l' attributo max.

Attributi Evento

Questo tag supporta tutti gli attributi evento descritti in - HTML - Referenze Eventi

Compatibilità Browser

ChromeFirefoxIEOperaSafariAndroid
SiSiSiSiSiSi
html_tags_reference.htm
Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements