onreadystatechange如何监听加载进度

要监听加载进度，可以使用onreadystatechange属性来监听XMLHttpRequest对象的状态变化。具体步骤如下：

1. 创建一个XMLHttpRequest对象，可以使用以下代码：

var xhr = new XMLHttpRequest(); 

2. 设置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('加载中');     } }; 

3. 发起一个HTTP请求，可以使用open和send方法：

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

当XMLHttpRequest对象的状态发生变化时，回调函数会被调用，从而可以监听加载进度。