Maison >interface Web >tutoriel HTML >Comment implémenter la fonction barre de progression dans le code html5 ? (exemple)
Comment implémenter la fonction barre de progression dans le code html5 ? (exemple)
- 藏色散人original
- 2018-08-06 15:46:162578parcourir
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>
/*实现进度条的功能*/ <body> 下载进度： <progress value="22" max="100"> </progress> </body>
/*js代码*/
var pg=document.getElementById('pg');
setInterval(function(e){
if(pg.value!=100) pg.value++;
else pg.value=0;
},100); Remarque : < La balise ;progress> définit la progression (processus) d'une exécution. Vous pouvez utiliser 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!