<progress> Tag - Fortschrittsbalken

Erstellt einen Fortschrittsbalken:

<progress value="22" max="100"></progress>

Online testen

Verwendung

Fortschrittsbalken kennt jeder, sei es Fortschritt von Downloads, Installation von Software. In HTML können Sie Fortschrittsanzeigen erstellen. Ältere Browser, wie der IE 9 unterstützen dieses Element jedoch noch nicht. Die Anzeige ist statisch, um dynamisch den Balken fortschreiten zu lassen, müssen Sie Java-Script verwenden.

Darstellung

 

Aktueller Fortschritt:

Attribute

 

Attribut Wert Beschreibung
max Zahl Gesamtzahl des Fortschritts, z.B. 100 für 100%
value

Zahl

Der aktuelle Fortschritt.