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对象的状态发生变化时，回调函数会被调用，从而可以监听加载进度。