onreadystatechange如何监听加载进度

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

创建一个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('加载中');    }};

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

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

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