Javascript 大文件的progressbar进程冻结

我有一个进度条

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

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

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

这是我的问题：我不想使用alert，我如何在这里进行延迟以便看到进度

提前谢谢

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