自定义自动播放进度条 - 动态宽度属性 - 在铬中不起作用

Posted 2023-05-08

【中文标题】自定义自动播放进度条 - 动态宽度属性 - 在铬中不起作用

【英文标题】：Custom autoplay progress bar - dynamic width property - doesn't work in chromium

【发布时间】：2020-03-17 23:21:56

【问题描述】：

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

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

【参考方案1】：

我发现 Chromium 无法正确读取小数点过多的数字。为了使它工作，我使用 toFixed() 将数字转换为字符串，只保留一位小数（我的数字现在是字符串，但没关系）。

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