首页 > 解决方案 > 自定义自动播放进度条 - 动态宽度属性 - 在铬中不起作用

问题描述

我有一个用于音频播放标签的自定义进度 bur,它动态改变宽度。宽度值是根据当前时间和持续时间计算的。我可以看到元素宽度属性正在动态变化,并且在播放记录但条没有进展时它的值逐渐变化。只有当我点击暂停时,它才会进步。它适用于 Firefox,但不适用于 chromium。

 $('.myProgressBar').css('width', a + '%');

标签: javascriptjquerycssgoogle-chromehtml5-audio

解决方案


我发现铬不能正确读取小数点太多的数字。为了使它工作,我使用 toFixed() 将数字转换为字符串,只保留一位小数(我的数字现在是一个字符串,但没关系)。

 $('.myProgressBar').css('width', a.toFixed(1); + '%');

推荐阅读