Comment implémenter la barre de progression en HTML

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 "".

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>

Rendu :

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>

Rendu :

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!