addEventListener上的Javascript进度条

Question

我正在尝试在执行javascript代码时获得进度条。此代码将图像数据发送到saving.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);

提前感谢所有人！