el-upload 多文件上传进度条

el-upload 是 Element UI 提供的文件上传组件，支持多文件上传。如果需要为 el-upload 组件添加多文件上传进度条，可以使用 el-progress 组件结合 el-upload 的 events 属性实现。

首先，在 el-upload 组件中添加 `show-file-list="false"` 属性，隐藏上传文件列表。然后，在 el-upload 组件中添加一个 el-progress 组件，将 el-progress 组件的 `percentage` 属性绑定到一个变量（如 `uploadPercent`），并设置 el-progress 组件的 `stroke-width` 属性和 `status` 属性。最后，在 el-upload 组件的 `before-upload` 和 `on-progress` 事件中更新 `uploadPercent` 变量的值。

以下是示例代码：

<el-upload
  class="upload-demo"
  action="/upload"
  :on-success="handleSuccess"
  :on-error="handleError"
  :before-upload="beforeUpload"
  :on-progress="onProgress"
  :show-file-list="false">
  <el-button size="small" type="primary">点击上传</el-button>
  <el-progress :percentage="uploadPercent" :stroke-width="8" status="success"></el-progress>
</el-upload>

data() {
  return {
    uploadPercent: 0
  }
},
methods: {
  beforeUpload(file) {
    // 在上传前重置上传进度条
    this.uploadPercent = 0
  },
  onProgress(event, file, fileList) {
    // 更新上传进度条的值
    this.uploadPercent = event.percent
  },
  handleSuccess(response, file, fileList) {
    // 上传成功后重置上传进度条
    this.uploadPercent = 0
  },
  handleError(error, file, fileList) {
    // 上传失败后重置上传进度条
    this.uploadPercent = 0
  }
}