axios发送请求时过程中，如何模拟出一个进度条

要模拟出一个进度条，你需要使用axios的`onUploadProgress`或`onDownloadProgress`属性。这两个属性可以监听上传或下载的进度，然后你可以根据进度更新进度条的状态。

以下是一个使用`onUploadProgress`属性的示例：

// 创建一个axios实例
const axiosInstance = axios.create();

// 监听上传进度
axiosInstance.defaults.onUploadProgress = (progressEvent) => {
  // 进度 = 已上传字节数 / 总字节数 * 100
  const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
  
  // 更新进度条状态
  updateProgress(percentCompleted);
};

// 发送请求
axiosInstance.post('/api/upload', formData);

这个示例中，`onUploadProgress`属性监听上传进度。当进度更新时，它会计算出已上传的字节数和总字节数，然后计算出进度百分比。最后，它会调用`updateProgress`函数，将进度百分比传递给它，以更新进度条的状态。

你可以使用类似的方式，使用`onDownloadProgress`属性来监听下载进度。