Maison > interface Web > tutoriel HTML > Application de la balise de progression HTML5

Application de la balise de progression HTML5

黄舟
Libérer: 2017-07-08 13:59:03
original
1514 Les gens l'ont consulté

balise de progression :
À en juger par le nom, vous pouvez probablement deviner ce qu'est cette balise. Oui, c'est une barre de progression. En HTML5 on n’a finalement pas besoin de simuler.

<progress id="W3Cfuns_progress" max="100"></progress>
Powered by W3Cfuns.com
Copier après la connexion

progressionAttributs :
valeur : indique la progression actuelle
max : indique la progression totale
Remarque : la valeur des attributs value et max doit être supérieur à 0, valeur La valeur est inférieure ou égale à la valeur de l'attribut max.


Cas :

<!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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal