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

Vue2中的Axios也支持`onUploadProgress`和`onDownloadProgress`属性，同样可以用于模拟出一个进度条。

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

// 引入axios
import axios from 'axios';

// 创建一个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);

这个示例中，我们首先创建了一个axios实例，然后监听了上传进度。当进度更新时，它会计算出已上传的字节数和总字节数，然后计算出进度百分比。最后，它会调用`updateProgress`函数，将进度百分比传递给它，以更新进度条的状态。

同样地，你可以使用`onDownloadProgress`属性来监听下载进度，具体实现方法与上面类似。