HTML <progress> -Tag
Beispiel
Zeigen Sie einen Fortschrittsbalken an:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Definition und Verwendung
Das <progress>Tag repräsentiert den Fertigstellungsfortschritt einer Aufgabe.
Tipp: Fügen Sie immer das <label> -Tag hinzu, um optimale Zugänglichkeitspraktiken zu erhalten!
Tipps und Hinweise
Tipp: Verwenden Sie das <progress>Tag in Verbindung mit JavaScript, um den Fortschritt einer Aufgabe anzuzeigen.
Hinweis : Das <progress>Tag ist nicht geeignet, um ein Maß (z. B. Speicherplatzverbrauch oder Relevanz eines Abfrageergebnisses) darzustellen. Um ein Messgerät darzustellen, verwenden Sie stattdessen das <meter> -Tag.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Attribute
| 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 |
Globale Attribute
Das <progress>Tag unterstützt auch die globalen Attribute in HTML .
Ereignisattribute
Das <progress>Tag unterstützt auch die Ereignisattribute in HTML .
Verwandte Seiten
HTML-DOM-Referenz: Progress-Objekt
Standard-CSS-Einstellungen
Keiner.