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

Question

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

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

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