Neueste Web-Entwicklung Tutorials
 

HTML <progress> Tag


Beispiel

Herunterladen im Gange:

<progress value="22" max="100"></progress>
Versuch es selber "

Definition und Verwendung

Der <progress> Tag stellt den Fortschritt einer Aufgabe.


Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.

Element
<progress> 8.0 10.0 16.0 6.0 11.0

Unterschiede zwischen HTML 4.01 und HTML5

Der <progress> Tag ist neu in HTML5.


Tipps und Hinweise

Tipp: Verwenden Sie die <progress> Tag in Verbindung mit JavaScript den Fortschritt einer Aufgabe anzuzeigen.

Hinweis: Die <progress> Tag nicht geeignet ist , ein Messgerät (zB Speicherplatznutzung oder Relevanz eines Abfrageergebnis) für die Darstellung.Um ein Messgerät darstellen, verwenden Sie die <meter> Tag statt.


Attribute

= Neu in HTML5.

Attribut Wert Beschreibung
max number Gibt an, wie viel Arbeit die Aufgabe insgesamt erfordert
value number Gibt an, wie viel von der Task abgeschlossen ist

globale Attribute

Der <progress> Tag unterstützt auch den Global in HTML - Attribute .


Event-Attribute

Der <progress> Tag unterstützt auch die Veranstaltung in HTML - Attribute .


Verwandte Seiten

HTML - DOM - Referenz: Progress Object


Standard CSS-Einstellungen

Keiner.