el-upload怎么显示进度条

`el-upload`是Element UI库中的一个组件，它是一个文件上传组件，支持进度条显示。要在`el-upload`中添加进度条功能，你需要配置组件的`action`属性以及`on-progress`事件处理器。

首先，在HTML结构上，你可以设置`<el-upload>`元素，并添加一个`<div>`用于显示进度：

<template>
  <el-upload
    action="your-file-uploads-url"
    :on-progress="handleProgress"
    :show-file-list="false"
    :auto-upload="false"
  >
    <button slot="trigger">点击选择文件</button>
    <el-progress type="text" :percentage="uploadPercent"></el-progress>
  </el-upload>
</template>

然后，在JavaScript里定义`handleProgress`函数，这个函数会在上传过程中被触发，接收两个参数：`event`（事件对象）和`progress`（当前上传进度百分比）：

<script>
export default {
  data() {
    return {
      uploadPercent: 0,
    };
  },
  methods: {
    handleProgress(progress) {
      this.uploadPercent = progress.percentage;
    },
  },
};
</script>

当用户开始上传文件时，`handleProgress`会被调用，将上传进度更新到页面上显示的`el-progress`组件内。注意，为了实时反馈，建议将`auto-upload`属性设置为`false`，以便手动触发上传。