javascript - jQuery 再帰アニメーションを requestAnimationFrame に変換する

Question

ステップに分割されたアニメーション中に時間の精度が必要です。

プログレス バーの幅は、100 ミリ秒ごとに 20 ピクセルずつ増加します。jQuery を使用animate()して幅をアニメーション化します。

Logging Date.now()、時刻が変化することは明らかであり、正確ではありません。

http://jsfiddle.net/trustweb/az3aE/23/

function animateProgress() {
    console.log(Date.now() - progressTime);
    progressTime = Date.now();

    progress_width = $(progress).width();

    if (progress_width < progressLimit) {
        $(progress).animate(
            { width: '+=20' }, '' + progressTime, "linear", animateProgress
        );
    }
}

私はについて読んrequestAnimationFrameできましたが、それが正しい方法だと思います。上記の関数を使用するように変換するにはどうすればよいですかrequestAnimationFrame、または他の方法で正確なタイミングを達成するにはどうすればよいですか?