vue3，el-upload上传过程显示进度条

在Vue3中，可以使用`el-upload`组件实现文件上传功能，并且支持显示上传进度条。具体实现步骤如下：

1. 在模板中引入`el-upload`组件，并设置`action`属性为上传文件的后端接口地址，`show-file-list`属性为`false`以隐藏上传文件列表：

<el-upload
  class="upload-demo"
  action="/api/upload"
  :show-file-list="false"
  :on-progress="onProgress"
>
  <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

2. 在`<el-upload>`标签内设置`on-progress`属性，指定上传进度的回调函数。该回调函数会在上传过程中被调用，接收一个`event`参数，其中包含了上传进度信息。在回调函数中，可以将上传进度信息保存到`data`中，用于显示上传进度条。

<el-upload
  ...
  :on-progress="onProgress"
>

export default {
  data() {
    return {
      uploadProgress: 0
    }
  },
  methods: {
    onProgress(event, file, fileList) {
      this.uploadProgress = event.percent
    }
  }
}

3. 在模板中添加一个`<el-progress>`标签，用于显示上传进度条。将`percent`属性设置为上传进度的百分比。

<el-progress :percentage="uploadProgress"></el-progress>

通过以上步骤，即可实现在Vue3中使用`el-upload`组件上传文件，并显示上传进度条的功能。