"."/> ".">
suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >Wie lautet die Bezeichnung des HTML5-Fortschrittsbalkens?

Wie lautet die Bezeichnung des HTML5-Fortschrittsbalkens?

青灯夜游
青灯夜游Original
2021-12-15 17:30:204310Durchsuche

Die Bezeichnung des HTML5-Fortschrittsbalkens lautet „“. Mit dem Fortschrittstag wird der Fortschritt einer laufenden Aufgabe definiert, der in Form eines Fortschrittsbalkens im Browser angezeigt wird. Die Syntax lautet „ ".

Wie lautet die Bezeichnung des HTML5-Fortschrittsbalkens?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Die Bezeichnung des HTML5-Fortschrittsbalkens lautet „“.

Das Fortschritts-Tag ist ein neues Tag in HTML5. Es wird verwendet, um den Fortschritt (Prozess) einer laufenden Aufgabe zu definieren. Es wird normalerweise mit JavaScript zur Implementierung verwendet der Fortschrittsbalken.

Das Fortschritts-Tag wird nicht zur Darstellung von Metriken (z. B. Speicherplatznutzung oder zugehörige Abfrageergebnisse) verwendet. Wenn wir Gewichte und Maße darstellen müssen, verwenden wir normalerweise das Meter-Tag.

Progress-Tag-Syntax

<progress value="进程的当前数值" max="需要完成的数值"></progress>

  • max: gibt den Wert an, der abgeschlossen werden muss;

  • Wert: gibt den aktuellen Wert des Prozesses an;

Erklärung: Obwohl

  • Fortschritt Das Tag ist ein doppeltes Tag, der Inhalt des Etiketts wird jedoch nicht angezeigt.

  • Wenn Sie keine Attribute für das Fortschritts-Tag festlegen, haben verschiedene Browser unterschiedliche Auswirkungen. Sie können es versuchen.

Beispiel: 

<!DOCTYPE html>
<html>
	<head>

		<meta charset="utf-8" />

		<title>html5中progress标签（进度条）的详细介绍</title>

	</head>

	<body style="background-color: bisque;">

		<h3>progress标签演示</h3>

		<progress value="50" max="100"></progress><br>

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

		<progress value="10" max="200"></progress><br>

		<progress value="150" max="200"></progress><br>

	</body>
</html>

Wie lautet die Bezeichnung des HTML5-Fortschrittsbalkens?

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWie lautet die Bezeichnung des HTML5-Fortschrittsbalkens?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html5 html
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Woraus bestehen CSS3-Grammatikregeln?Nächster Artikel：Woraus bestehen CSS3-Grammatikregeln?

In Verbindung stehende Artikel

Mehr sehen