要監聽加載進度，可以使用onreadystatechange屬性來監聽XMLHttpRequest對象的狀態變化。具體步驟如下：
var xhr = new XMLHttpRequest();
onreadystatechange屬性為一個回調函數，該函數會在XMLHttpRequest對象的狀態發生變化時被調用。在回調函數中可以根據xhr.readyState和xhr.status屬性的值來判斷加載進度。以下是一個示例代碼：xhr.onreadystatechange = function() {
if (xhr.readyState == 4) { // 請求已完成
if (xhr.status == 200) { // 請求成功
console.log('加載完成');
} else {
console.log('加載失敗');
}
} else {
console.log('加載中');
}
};
open和send方法：xhr.open('GET', 'https://example.com/api/data', true);
xhr.send();
當XMLHttpRequest對象的狀態發生變化時，回調函數會被調用，從而可以監聽加載進度。
