Heim > Artikel > Web-Frontend > Anwendung des HTML5-Fortschritts-Tags
Fortschritts-Tag:
Dem Namen nach zu urteilen, können Sie wahrscheinlich erraten, was dieser Tag ist. Ja, es ist ein Fortschrittsbalken. In HTML5 müssen wir endlich nicht mehr simulieren.
<progress id="W3Cfuns_progress" max="100"></progress> Powered by W3Cfuns.com
FortschrittAttribute:
Wert: Zeigt den aktuellen Fortschritt an
Max: Zeigt den Gesamtfortschritt an
Hinweis: Der Wert der Attribute „Wert“ und „Max“ muss sein größer als 0, Wert Der Wert ist kleiner oder gleich dem Wert des Max-Attributs.
Fall:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5每日一练progress标签的应用</title> </head> <body> <h1>W3Cfuns-HTML5每日一练progress标签的应用</h1> <p>完成百分比:<progress id="W3Cfuns_progress" max="100"></progress></p> </body> </html>
Das obige ist der detaillierte Inhalt vonAnwendung des HTML5-Fortschritts-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!