HTML - Element: <progress>

Der <progress>-Tag (HTML 5) zeigt eine Fortschrittsanzeige oder einen Bearbeitungsschritt an. Mit dem Attribut max="" wird die maximale Schrittweite angegeben und mit value="" der aktuelle Bearbeitungsschritt (<meter>). Je nach Browser und Betriebssystem sieht die Anzeige anders aus.


Mozilla Firefox / Windows 10	Microsoft Edge / Windows 10	Google Chrome / Opera / Windows 10

<!DOCTYPE html>
<html>
<head>
 <title>Fortschrittsanzeige</title>
</head>
<body>
<h1>Fortschrittsanzeige</h1>
<p>
<progress></progress> <br>
<progress max="4" value="1">Schritt 1 / 4</progress> <br>
<progress max="4" value="2">Schritt 2 / 4</progress> <br>
<progress max="4" value="3">Schritt 3 / 4</progress> <br>
<progress max="4" value="4">Schritt 4 / 4</progress>
</p>
</body>
</html>

Beispiel anzeigen

Der <progress>-Tag kann nicht mit CSS formatiert werden!