javascript - addEventListener 上的 Javascript 进度条

Question

我正在尝试在执行 javascript 代码时获取进度条。此代码将图像数据发送到 save.php 文件。我看到在本地服务器上它非常快，但在在线服务器上它更慢（或多或少 10 秒）并且页面冻结，但我不会为用户显示进度条，以便他/她知道某些事情是在他等待的时候继续。这是Javascript：

savingButton.addEventListener("click", function(){
    var lang = document.getElementById("lang").value;
    var name = document.getElementById("row1").value;
    var dirname = document.getElementById("directory").value;
    var imageURL = c.toDataURL("image/png");
    var ajax = new XMLHttpRequest();
    ajax.open("POST", 'saving.php?dir='+dirname, false);
    ajax.setRequestHeader('Content-Type','application/upload');
    ajax.send(imageURL);
    window.location.assign("output.php?dir="+dirname+"&name="+name+"&lang="+lang);
},false);

提前感谢大家！