ajax - 进度事件无法正常工作

Question

我正在尝试为我的 ajax 应用程序创建一个进度条控件。“进度”事件仅在操作完成时触发。我有点困惑。

这是我的代码：

function send()
{
    var xml=new XMLHttpRequest();
    xml.addEventListener('progress',status);
    xml.open("POST","process.php",true);
    xml.send();
}

function status(e)
{   
   if(e.lengthComputable)
   {  
     var per=parseInt(e.loaded / e.total * 100);
     var progressbar=document.getElementById("result").querySelector("progress");
     progressbar.value=per;
     progressbar.innerHTML=per+"%";
   }
}

当服务器响应时，“status()”函数只被调用一次。