进程条

127 阅读1分钟

HTML5的任务进程条

当我们复制或者下载的过程中我们常常可以看到进度条,特别是一些软件的网页也含有进程条,那么进程条是怎样来实现的,在HTML中进程条和度量之间有怎样的区别,我们通过一个例子来解释一些进程条
一、效果图

二、代码原码

1、<DOCTYDE html>
2、<html>
3、<head>
4、<mate charset="utf-8">
5、<title></title>
6、</head>
7、<body>
8、0<progress min="0" max="100" value="30" id="pro"></progress>100
9、<script type="text/javascript">
10var pro0bj=document.getElementById("pro")
11function fun1(){
12、        pro0bj.value+=1;
13、   }
14setInterval(fun1,1000)
15</script>
16、</body>
17、</html>