大文件的进度条进程冻结

Question

我有一个进度条

<progress class="ProgressBar" id="ProgressBar" value="0" max="100"></progress>
<div id="messages"></div>

在javascript中我这样做了：

xhr = new XMLHttpRequest();
xhr.onload = function (e) {
   message.innerHTML=rec.toFixed(0)+"% uploaded..."
   pbar.value = rec.toFixed(0);
}

当我上传小文件时，我可以看到进度条从0变为100％，但当我想上传大文件时，它会停止，当文件完成上传时，突然显示100％ 但是当我在这里发出警报时，它会显示大文件的进度条过程

xhr = new XMLHttpRequest();
xhr.onload = function (e) {
  alert("xxx");
  message.innerHTML=rec.toFixed(0)+"% uploaded..."
  pbar.value = rec.toFixed(0);
}

这是我的问题：我不想使用警报如何在此处延迟，以便我可以看到进展？

提前致谢