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

时间:2019-11-21 22:45:43

标签: javascript jquery css google-chrome html5-audio

我有一个用于音频播放标签的自定义进度bur,它会动态更改宽度。宽度值是根据当前时间和持续时间计算的。 我可以看到,元素宽度属性正在动态地,逐渐地改变,当播放记录但其进度条没有值时,它的值就会改变。仅当我单击暂停时它才会以1的速度前进。 它适用于Firefox,但不适用于铬。

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

1 个答案:

答案 0 :(得分:0)

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

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