English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento HTML

Completo delle etichette HTML

HTML5: <progress> etichetta

L'elemento <progress> dell'HTML utilizzato per visualizzare il progresso di completamento di una task. Sebbene lo standard non stabilisca come deve essere visualizzato l'elemento, i produttori di browser possono decidere autonomamente, ma di solito viene visualizzato come una barra di progresso.

Esempio online

Etichetta "Progresso di download":

<!doctype html>
<html>
<head>
  <title>Utilizzo del tag progress in HTML5 (Manuale di base del sito web oldtoolbag.com)</title>
  <meta charset="UTF-8">
</head>
<body>
    <p>This is a live example of the HTML5 element <a href="//it.oldtoolbag.com"><progress></a></p>
    <progress value="70" max="100">70 %</progress>
</body>
</html>
Testa per vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

IE 10、Firefox、Opera、Chrome e Safari 6 supportano il tag <progress>.

Nota: I browser IE 9 o versioni precedenti non supportano l'etichetta <progress>.

Definizione etichetta e istruzioni per l'uso

L'etichetta <progress> definisce il progresso del processo in esecuzione (processo).

Differenze tra HTML 4.01 e HTML5

L'etichetta <progress> è una nuova etichetta in HTML5.

Suggerimenti e avvertenze

Suggerimento:Utilizzare l'etichetta <progress> insieme a JavaScript per visualizzare il progresso delle attività.

Nota:L'etichetta <progress> non è adatta per rappresentare misure (ad esempio, l'uso dello spazio su disco o risultati di ricerche correlate). Per rappresentare misure, utilizzare <meter> Sostituzione etichetta

Proprietà

Nuovo: Nuove proprietà in HTML5.

ProprietàValoreDescrizione
maxHTML5numberStabilisce il valore da completare.
valueHTML5numberStabilisce il valore corrente del processo.

Proprietà globali

Supporto <progress> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <progress> etichetta Proprietà degli eventi HTML.