Wie lautet die Bezeichnung des HTML5-Fortschrittsbalkens?-Front-End-Fragen und Antworten-php.cn

Wie lautet die Bezeichnung des HTML5-Fortschrittsbalkens?

青灯夜游

Freigeben： 2021-12-15 17:30:20

Original

4315 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!