欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html进度条随播放进度改变,并暂停与开始按钮的添加。_html/css_WEB-ITnose

程序员文章站 2022-04-20 11:33:24
...




信大电磁环境监测平台








频率变化进度:





33%




返回下载CSS进度条





html进度条随播放进度改变,并暂停与开始按钮的添加。_html/css_WEB-ITnose









回复讨论(解决方案)

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




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

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

信大电磁环境监测平台

频率变化进度:

返回下载CSS进度条

html进度条随播放进度改变,并暂停与开始按钮的添加。_html/css_WEB-ITnose
html进度条随播放进度改变,并暂停与开始按钮的添加。_html/css_WEB-ITnose
html进度条随播放进度改变,并暂停与开始按钮的添加。_html/css_WEB-ITnose
html进度条随播放进度改变,并暂停与开始按钮的添加。_html/css_WEB-ITnose
html进度条随播放进度改变,并暂停与开始按钮的添加。_html/css_WEB-ITnose

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