element-ui上传多文件并且有进度条，直接上传

Element UI提供了el-upload组件可以实现文件上传，同时还可以进行多文件上传和进度条显示。下面是一个简单的示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :multiple="true"
    :show-file-list="false"
    :on-progress="handleProgress"
    :on-success="handleSuccess"
    :before-upload="beforeUpload">
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleProgress(event, file, fileList) {
      // 处理进度条显示
    },
    handleSuccess(response, file, fileList) {
      // 处理上传成功后的回调
    },
    beforeUpload(file) {
      // 处理上传前的校验
    }
  }
}
</script>

在上面的代码中，el-upload组件的action属性指定了文件上传的地址，multiple属性设置为true表示支持多文件上传，show-file-list属性设置为false表示不显示上传成功的文件列表，on-progress属性指定了处理进度条显示的方法，on-success属性指定了上传成功后的回调方法，before-upload属性指定了上传前的校验方法。在方法中就可以进行对应的处理了。