html进度条随播放进度改变，并暂停与开始按钮的添加。_html/css








var NowImg=1;//表示当前显示的div
var MaxImg=5;//表示div的个数
function show(){
for(var i=1;i<=MaxImg;i++){
if(NowImg==i)
document.getElementById("div"+NowImg).style.display='block';//当前显示的div
else{
document.getElementById("div"+i).style.display='none';
}
// alert(i);
}
if(NowImg==MaxImg)//判断当前div是否是最后一个，如果是则从第一个重新轮回显示
NowImg=1;
else
NowImg++;//设置下一个显示的图片
}
theTimer=setInterval("show()",1000);//设置定时器，显示下一个图片，10000表示每间隔10秒，可以改的。。

频率变化进度:

33%

返回下载CSS进度条

回复讨论(解决方案)

进度条的原理就是计算下 当前加载资源的个数与总的资源的个数的比值，来设置div的长度 比如说 总共有5个div 加载了四个
进度条就是80%的长度




然后写个函数通过 "当前加载资源的个数与总的资源的个数的比值"来控制id为progress的div的长度，实现的效果就是进度条的效果。
代码是随手写的，

我改了好多遍，可每次改动的时候我的图就没有动态效果啦，因为我是初学者但是急用代码，所以能不能帮我改下源代码，谢谢您了

 
频率变化进度:
 
 
 
 stop start 
 
 返回下载CSS进度条 
      

非常感谢上面的两位仁兄给我指导，都给我编写了代码，让我如愿实现了功能。