为什么无法在预期的间隔内触发document.write？

Question

我想打开一个新窗口，我已经遵循了这个great idea。使加载页面更加用户友好。我决定添加带有百分比信息的加载文本。

这是我的代码：

$({val: 0}).animate({val: 100}, {
    duration: 2500,
    easing: 'linear',
    step: function() {
      ext_doc.document.body.innerHTML = '';
      ext_doc.document.write('Loading ... ' + this.val.toFixed(1) + '%');
    },
    complete: function(){
      ext_doc.location.href = DESTINATION;
    }
  });

这确实有效，但是加载非常缓慢。我希望看到这个数字平稳地达到100％。但是在这种情况下，该数字从0跳到22，然后跳到70，然后跳到100。（如果重试，该数字不完全相同，但全部相同）。

它的视觉效果比仅仅使用$.html或$.text在当前页面中设置内容要糟糕得多。