el-upload上传文件进度条

el-upload 是 Element UI 提供的一个组件，可以用于文件上传操作。它本身并没有提供进度条的功能，但可以通过自定义模板来实现。

首先，你需要在 el-upload 组件中添加 `:on-progress` 属性，指定一个函数来处理上传进度的更新。在该函数中，你可以获取到上传进度的相关信息，然后根据需要自定义显示进度条。

下面是一个示例代码：

<template>
  <el-upload
    action="/upload"
    :on-progress="handleProgress"
  >
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleProgress(event, file, fileList) {
      // 根据 event.loaded 和 event.total 计算上传进度百分比
      const percent = Math.round((event.loaded / event.total) * 100);
      console.log(`上传进度：${percent}%`);
      
      // 在这里可以根据实际需求自定义进度条的显示方式
      // 例如使用 Element UI 的 Progress 组件
      // 或者在页面中直接显示一个百分比数字等等
    }
  }
};
</script>

在 `handleProgress` 方法中，你可以通过 `event.loaded` 和 `event.total` 来计算上传进度的百分比。然后你可以根据实际需求自定义进度条的显示方式，例如使用 Element UI 的 Progress 组件或者在页面中直接显示一个百分比数字等等。

希望对你有所帮助！如果还有其他问题，请随时提问。