vue中el-progress进度条长度调整

在 Vue.js 中，`el-progress` 是 Element UI 提供的一个用于显示加载进度的组件。如果你想调整进度条的长度，通常你可以通过设置 `percentage` 或 `stroke-width` 属性来实现。`percentage` 是当前进度的比例，范围是0到100，而 `stroke-width` 则是进度条的实际宽度。

例如，如果你有一个 `v-loading` 的指令来控制是否显示进度条，你可以这样做：

<el-progress :percentage="progressPercentage" :stroke-width="progressWidth"></el-progress>

然后在你的 Vue 实例中，你可以动态更新 `progressPercentage` 和 `progressWidth` 变量：

data() {
  return {
    progressPercentage: 0,
    progressWidth: '4px', // 进度条初始宽度，可以根据需求调整
  };
},
methods: {
  updateProgress(newPercentage) {
    this.progressPercentage = newPercentage;
  },
}

当你需要更新进度时，可以调用 `updateProgress()` 方法传入新的百分比值：

this.updateProgress(50); // 设置进度为50%