瑕佺洃鎺MLHttpRequest鐨勮繘搴︼紝鍙互浣跨敤XMLHttpRequest瀵硅薄鐨刾rogress浜嬩欢銆傞€氳繃鐩戝惉progress浜嬩欢锛屽彲浠ュ疄鏃惰幏鍙栬姹傜殑杩涘害淇℃伅銆?/p>

浠ヤ笅鏄竴涓畝鍗曠殑绀轰緥浠ｇ爜锛?/p>

var xhr = new XMLHttpRequest();

xhr.open('GET', 'example.com/api/data', true);

xhr.onload = function() {
  // 璇锋眰瀹屾垚鏃剁殑澶勭悊
};

xhr.onprogress = function(e) {
  if (e.lengthComputable) {
    var percentComplete = (e.loaded / e.total) * 100;
    console.log('Progress: ' + percentComplete + '%');
  }
};

xhr.send();

鍦ㄤ笂闈㈢殑浠ｇ爜涓紝閫氳繃鐩戝惉xhr瀵硅薄鐨刼nprogress浜嬩欢锛屽彲浠ヨ幏鍙栧埌褰撳墠璇锋眰鐨勮繘搴︿俊鎭€備娇鐢╡.loaded鍜宔.total灞炴€у彲浠ヨ幏鍙栧凡鍔犺浇鐨勫瓧鑺傛暟鍜屾€诲瓧鑺傛暟锛屼粠鑰岃绠楀嚭褰撳墠杩涘害鐨勭櫨鍒嗘瘮銆?/p>

闇€瑕佹敞鎰忕殑鏄紝瑕佸湪send()鏂规硶涔嬪墠璁剧疆onprogress浜嬩欢澶勭悊绋嬪簭锛屼互纭繚鑳藉鎹曡幏鍒拌姹傝繘搴︾殑鏇存柊銆?/p>