HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML5: <progress>-Tag

Das HTML-(<progress>)-Element im HTML wird verwendet, um den Fortschritt einer Aufgabe anzuzeigen. Obwohl die Norm keine spezifische Anzeige des Elements vorschreibt, können die Browserhersteller selbst entscheiden, aber in der Regel wird das Element in Form einer Fortschrittsleiste angezeigt.

Online-Beispiel

Markierung "Download- Fortschritt":

Beispiel

!doctype　html>
<html>
<head>
　　<title>HTML5　progress-Tag-Benutzeranweisung (Grundtutorials.net　oldtoolbag.com)</title>
　　<meta　charset="UTF-8">
</head>
<body>
　　　　<p>This　is　a　live　example　of　the　HTML5　element　<a　href="//de.oldtoolbag.com"><progress></a></p>
　　　　<progress　value="70"　max="100">70　%</progress>
</body>
</html>

Testen Sie, ob ‹/›

Browserkompatibilität

IEFirefoxOperaChromeSafari

IE 10, Firefox, Opera, Chrome and Safari 6 supports the <progress> Tag.

Note: IE 9 or earlier versions of IE browsers do not support the <progress> Tag.

Definition and Usage of Tag

<progress> Tag defines the progress of a running task (process).

HTML 4.01 and HTML5Difference between

<progress> Tag is an HTML5 New tags in

Tips and Notes

Tip:Tip: Use the <progress> Tag with JavaScript to display the progress of a task.

Note:<progress> Tag is not suitable for representing measures (such as disk space usage or related query results). To represent measures, please use <meter> Tag replacement.

Attribute

New: HTML5 New attribute in

Attribute	Value	Description
maxHTML5	number	Specifies the value that needs to be completed.
valueHTML5	number	Specifies the current value of the process.

Global Attributes

Support for <progress> Tag Global Attributes of HTML.

Event Attributes

Support for <progress> Tag HTML Event Attributes.

HTML: <q> Tag HTML: <picture> Element