本机Javascript HTML5进度条缓慢加载/动画

我已经使用HTML5创建了进度条，如下所示

<progress id="prog" max="100" value="0" > </progress> <br/>

---

对于动画，我使用CSS和Javascript。出于某种原因，我不想使用外部JS库。我已经完成了大部分工作，唯一的问题是，当我使用JS设置进度值时，它会快速更新，这是显而易见的原因。但是我想让它看起来慢一些，并做一些延迟，例如，在一些按钮上，按下值从0%变为20%，所以我想使用一些功能/机制，以便进度条缓慢更新。

使用

requestAnimationFrame（）

或CSS转换。您可以将进度条变宽，从而使其填充速度变慢。