实例 标记"下载进度":
<progress value="22" max="100"></progress>
浏览器支持
Internet Explorer, Firefox, Opera, Google Chrome, Safari
IE 10、Firefox、Opera、Chrome 和 Safari 6 支持 <progress> 标签。
<progress>
注释:IE 9 或者更早版本的 IE 浏览器不支持 <progress> 标签。
标签定义及使用说明
<progress> 标签定义运行中的任务进度(进程)。
HTML 4.01 与 HTML5之间的差异
<progress> 标签是 HTML5 中的新标签。
提示和注释
提示:请将 <progress> 标签与 JavaScript 一起使用来显示任务的进度。
注释:<progress> 标签不适合用来表示度量衡(例如,磁盘空间使用情况或相关的查询结果)。表示度量衡,请使用 <meter> 标签代替。
<meter>
属性
New:HTML5 中的新属性。
属性 值 描述 maxNew number 规定需要完成的值。 valueNew number 规定进程的当前值。
1 篇笔记
下载进度:
<progress id='progress1' 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>
原文链接:https://codingdict.com/