javascript - マウス カーソルは、特定の要素の上にある場合にのみ変更されます

Question

Cocco の answer/jsFiddle in this questionから取得したこのコードでは、マウス カーソルがprogressdiv の上にあるときにのみ、マウス カーソルが「待機」スタイルに変更されます。

それはなぜですか、また、操作が完了するまで、そのページ全体でカーソルが待機スタイルになるようにするにはどうすればよいですか?

HTML:

<button type="button" id="gogogo">Go!</button>
<div id="progress">0</div>

Javascript:

(function (W) {
    W.onload = function () {
        var D = W.document,
            a = 0,
            c = D.getElementById('progress');

        function b() {
            c.innerText = a + 1;
            a++;
            if (a < 3000) {
                requestAnimationFrame(b);
            } else {
                D.body.style.cursor = 'default';
            }
        }

        function start() {
            D.body.style.cursor = 'wait';
            b()
        }
        D.getElementById('gogogo').onclick = start;
    }
})(window)