Maison > interface Web > tutoriel HTML > le corps du texte

Comment implémenter la fonction barre de progression dans le code html5 ? (exemple)

藏色散人
Libérer: 2018-08-06 15:46:16
original
2521 Les gens l'ont consulté

Cet article présente principalement comment implémenter la fonction de barre de progression dans le code html5. J'espère qu'il sera utile à tout le monde.

Les exemples de code spécifiques du code HTML5 pour implémenter la fonction de barre de progression sont les suivants :

<progress max="100" style="width: 100%" value="0" id="pg"></progress>
Copier après la connexion
/*实现进度条的功能*/ 
<body>
下载进度:
<progress value="22" max="100">
</progress>
</body>
Copier après la connexion

Comment implémenter la fonction barre de progression dans le code html5 ? (exemple)

/*js代码*/
var pg=document.getElementById(&#39;pg&#39;); 
setInterval(function(e){ 
if(pg.value!=100) pg.value++; 
else pg.value=0; 
},100);
Copier après la connexion

Remarque : < La balise ;progress> définit la progression (processus) d'une exécution. Vous pouvez utiliser la balise pour afficher la progression des fonctions chronophages en JavaScript. Toutefois, cette étiquette ne convient pas pour représenter des métriques (par exemple, l'utilisation de l'espace disque ou les résultats de requêtes). Pour représenter les poids et les mesures, utilisez plutôt la balise .

[Articles connexes recommandés]

Interprétation et analyse de la barre de progression du composant du mini programme WeChat

Un exemple pour expliquer la mise en œuvre d'Ajax de Barre de progression en pourcentage simple

Partage de code pour implémenter la barre de progression du chargement de pages Web

Introduction à plusieurs méthodes d'implémentation de la barre de progression en JavaScript


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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!