el-progress进度条css渲染长度

el-progress是Element UI库中的一个组件，用于显示加载进度。它通常通过CSS样式来控制渲染的进度长度。这个组件的基本结构包含一个`<div>`，内部有一个可以调整宽度的`<span>`，表示已经完成的部分。你可以通过设置`.el-progress__bar`类下的`width`属性，或者是`.el-progress__text`元素的`innerText`来改变进度条的长度，表示任务的完成程度。

例如，如果你想让进度条进度达到80%，可以在CSS中这样做：

.el-progress {
  width: 100%; /* 宽度自适应 */
}
.el-progress__bar {
  background-color: #6c757d; /* 进度颜色，默认灰色 */
  width: 80%; /* 设置进度条已完成部分的宽度为80% */
}

或者在JavaScript中动态设置：

this.$refs.myProgress.barWidth = 80; // myProgress是你el-progress的引用名