Javascript 如何对进度条进行编码

我正在使用youtube api构建一个带有自定义控件的youtube播放器：

我已经完成了播放/暂停/跳过按钮，但是我必须创建一个进度条，我想不出怎么做。我以前从未编程过进度条。我可以访问总视频时间，也可以使用setinterval轮询当前播放时间…因此，例如，每隔250ms，我可以轮询以找出视频的当前位置

我的问题是如何利用这些数据创建进度条？我在想一个div，我可以在宽度上操纵它来显示视频进度。我的问题是如何利用数据（总视频持续时间和当前时间）来决定何时以及如何增加这个div的宽度

---

希望这有意义。

计算进度条大小的公式非常基本：

$download\u size/$download\u progress*$max\u progressbar\u width

。您只需确保两个下载大小使用相同的单位即可获得正确的比例。

那么这就是总的视频持续时间/当前时间*进度条的宽度----确保我只处理计算中的数字。