el-upload percentage

el-upload组件中的percentage属性用于显示文件上传的进度百分比。该属性通过监听xhr.upload的progress事件来实时更新进度条。在handleUploadProgress方法中，通过计算上传进度并将进度赋给file.percentage属性，然后使用this.$forceUpdate()强制更新DOM，从而实现进度条的实时更新。

以下是一个演示el-upload组件中percentage属性的例子：

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

<script>
export default {
  methods: {
    handleUploadProgress(event, file, fileList) {
      file.percentage = Math.floor((event.loaded / event.total) * 100)
      this.$forceUpdate()
    }
  }
}
</script>

在上述例子中，el-upload组件通过on-progress属性绑定了handleUploadProgress方法，该方法会在上传过程中触发，并计算上传进度并更新file.percentage属性。然后使用this.$forceUpdate()强制更新DOM，使进度条实时更新。