进度事件无法正常工作

Question

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

这是我的代码：

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（）”函数只在服务器响应时调用一次。