Das Tag <progress> wird für die Abbildung des Indikators der Fortschrittsanzeige (progress bar) verwendet. Die sich dynamisch ändernden Bedeutungen des Indikators der Fortschrittsanzeige werden durch Skripte (JavaScript) eingestellt.
Das Aussehen des Elementes kann sich unterscheiden, je nach dem Browser und dem Betriebssystem.
Wir empfehlen Ihnen, das Tag <meter> zu verwenden, um ein Mass darzustellen (z. B. Relevanz eines Suchergebnisses)
Syntax
Das Tag <progress> wird gepaart verwendet, das Endtag ist nicht obligatorisch.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
</head>
<body>
<span>Hochladen:</span>
<progress value="35" max="100"></progress>
</body>
</html>Ergebnis
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| max | number | Es gibt den maximalen Umfang des laufenden Prozesses ein. Die Bedeutung kann die positive Zahl, größer als Null sein. |
| value | number | Es gibt den Umfang des schon erfüllten Umfanges der Arbeit ein. Die Bedeutung kann die Zahl von 0 bis zur Zahl, die im Attribut max angegeben ist, oder die Zahl im Umfang von 0 bis zu 1 sein, wenn das Attribut max nicht angegeben ist. |
Das Tag <col> unterstützt unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|---|---|---|---|
| 8+ | 16+ | 6+ | 11+ |
Übe dein Wissen
Was zeigt der HTML <progress>-Tag an?
Richtig!
Falsch!