element upload 上传进度条样式修改

Element UI 的 el-upload 组件也提供了多个插槽来自定义上传组件的样式，其中包括进度条的样式。你可以通过以下步骤修改 el-upload 的进度条样式：

1. 在 el-upload 组件中使用 slot="progress" 来自定义进度条的样式，例如：

<el-upload
  class="upload-demo"
  action="https://jsonplaceholder.typicode.com/posts/"
  :on-progress="handleProgress"
  :on-success="handleSuccess"
  :on-error="handleError"
  :auto-upload="false"
>
  <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
  <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  <div slot="progress" class="el-progress">
    <div class="el-progress-bar" :style="{width: uploadPercent + '%'}"></div>
  </div>
</el-upload>

2. 在样式表中定义进度条的样式，例如：

.el-progress {
  height: 10px;
  margin-top: 10px;
}

.el-progress-bar {
  height: 100%;
  background-color: #409eff;
  transition: width 0.5s ease-in-out;
}

在上述样式中，我们将进度条的高度设置为 10px，进度条的背景颜色设置为 #409eff，进度条的宽度变化设置为 0.5s 的过渡效果。

注意：以上代码仅为示例，实际使用时需要根据项目需求进行修改。同时，还需要根据你的上传进度百分比计算出 el-progress-bar 的宽度，并将其赋值给 uploadPercent。