Was bedeutet das HTML5-<progress>-Tag? Detaillierte Erläuterung der grundlegenden Verwendung des HTML5-Tags <progress>-H5-Tutorial-php.cn

Was bedeutet das HTML5--Tag? Detaillierte Erläuterung der grundlegenden Verwendung des HTML5-Tags

寻∝梦

Freigeben： 2018-08-16 17:39:56

Original

3970 Leute haben es durchsucht

Was bedeutet das HTML5-Tag? Was sind die grundlegenden Verwendungszwecke von Inhalten im HTML5-Tag? In diesem Artikel erfahren Sie, was das HTML5-Tag ist, was die grundlegenden Attribute des HTML5-Tags sind und wie diese Attribute grundsätzlich verwendet werden.

Zuallererst müssen wir es tun Verstehen Sie, was das HTML5-Tag bedeutet. Das Label

gibt den Fortschritt (Prozess) der Aufgabe an.

In HTML wird das Tag verwendet, um den Fortschritt (Prozess) einer laufenden Aufgabe zu definieren. Das -Tag wird häufig mit JavaScript verwendet, um den Fortschritt einer Aufgabe anzuzeigen. Das Tag eignet sich nicht für die Darstellung von Gewichten und Maßen. Im Allgemeinen wird das Tag verwendet.

Grundlegende Attribute des Tags:

max: gibt den Wert an, der vervollständigt werden muss (Wert: Zahl).

Wert: Gibt den aktuellen Wert des Prozesses an (Wert: Zahl).

-Tag unterstützt globale HTML-Attribute und HTML-Ereignisattribute

Format:

<progress value="当前值" max="目标值">
</progress>

Nach dem Login kopieren

Hier sind Beispiele:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>html5< progress>标签笔记_PHP笔记</title>
</head>
<body>
上传进度：
<progress value="49" max="100">
</progress>
</body>
</html>

Nach dem Login kopieren

Ergebnisse ausführen ：

Was bedeutet das HTML5-<progress>-Tag? Detaillierte Erläuterung der grundlegenden Verwendung des HTML5-Tags <progress>

Tag Notes HTML Nr. 1" title="html5< progress>Tag Notes HTML Nr. 1 - Guoge Notes" >Tag Notes" alt = "" width="469" style="max-width:90%" />

HTML5 >Instanz eines laufenden Downloads:

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

Nach dem Login kopieren

Grundlegende Verwendung des HTML5-Tags: Was bedeutet das HTML5-<progress>-Tag? Detaillierte Erläuterung der grundlegenden Verwendung des HTML5-Tags <progress>

<html>
<dead>
<meta charset="UTF-8">
<style type="text/css">
</style>
<script>
function test(){
var kk = document.getElementById("pro1");
   kk.value=kk.value+1;
}
</script>
</dead>
<body>
<progress value="10" max="100" id="pro1"></progress>
<script>
var s= self.setInterval("test()",1000);/*使用window自带的函数 setInetrval来重复执行test函数
实现progress的value值得自增长，模拟progress的使用*/
</script>
</body>
</html>

Nach dem Login kopieren

Tipps und Hinweise für das HTML5-Tag:

Tipp: Bitte verwenden Sie das Tag zusammen mit JavaScript, um den Fortschritt der Aufgabe anzuzeigen.

Hinweis: Das Tag eignet sich nicht zur Darstellung von Metriken (z. B. Speicherplatznutzung oder Abfrageergebnisse). Verwenden Sie stattdessen das Tag , um Gewichte und Maße darzustellen.

Unterschiede zwischen HTML 4.01 und HTML 5 Das

-Tag ist ein neues Tag in HTML 5.

Browser-Unterstützung

Internet Explorer 10, Firefox, Opera, Chrome und Safari 6 unterstützen das

Hinweis: Internet Explorer 9 und früher unterstützen das -Tag nicht. [Verwandte Empfehlungen]

Was ist das Artikel-Tag in HTML5? Wo wird das Artikelelement in HTML5 verwendet?

Was sind die neuen Strukturelemente in HTML5? Verwendung neuer Strukturelemente in HTML5 (empfohlen)

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML5--Tag? Detaillierte Erläuterung der grundlegenden Verwendung des HTML5-Tags . Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!