如何使用requestAnimationFrame在1500ms内将进度条滚动到100？

Question

代码在（未完成）
https://codepen.io/ZeronoFrey...

感觉大脑短路了

想实现的效果：

给定一个时间（毫秒）：1500
使用requestAnimationFrame
在 1500ms 内执行进度条动画效果（0 - 100）

Answer 1

var start = 0;
var end = 100;
var duration = 1500;

var startTime = Date.now();
function animate() {
    var delta = Math.min( 1500, Date.now() - startTime );
    var value = ( delta / duration ) * ( end - start ) + start;
    console.log( value );
    if ( delta < 1500 ) {
        requestAnimationFrame( animate );
    }
}
animate();