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

Comment implémenter la barre de progression en HTML

青灯夜游
Libérer: 2023-01-06 11:13:36
original
19214 Les gens l'ont consulté

En HTML, vous pouvez utiliser la balise de progression pour implémenter une barre de progression. Cette balise peut définir la progression d'une tâche (processus) en cours d'exécution. Utilisez la syntaxe "".

Comment implémenter la barre de progression en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3. La balise

définit la progression (processus) d'une tâche en cours d'exécution.

下载进度:
<progress value="22" max="100">
</progress>
Copier après la connexion

Rendu :

Comment implémenter la barre de progression en HTML

Description : La balise

<progress id=&#39;progress1&#39; value="0" max="100">
</progress>
<button onclick="start_run(100)">下载</button>
<script>
function start_run(n)
{
    if(n==0){alert("下载完成")}
    var progress1=document.getElementById("progress1")
    n=n-1
    cur_task=100-n
    progress1.value=cur_task
    setTimeout("start_run("+n+")",100)
    
}
</script>
Copier après la connexion

Rendu :

Comment implémenter la barre de progression en HTML

Comment implémenter la barre de progression en HTML

Pour plus de connaissances liées à la programmation, veuillez visiter : Programmation Vidéo! !

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