<el-progress type="dashboard" :percentage="percentage2" :color="colors" />让文字与进度条一个颜色

在 Vue.js 中，`<el-progress>` 是 Element UI 库中的一个组件，用于显示进度条。当 `type="dashboard"` 时，它会展示一个适合仪表盘或卡片布局的细条形进度条。`:percentage="percentage2"` 表示进度条的完成度，可以根据你的业务数据动态更新这个属性来改变进度。

`:color="colors"` 是一个绑定属性，用于设置进度条的颜色。你可以定义一个数组，比如 `colors`，包含不同进度阶段对应的颜色，例如：

<template>
  <el-progress type="dashboard" :percentage="percentage2" :color="progressColors" />
</template>

<script>
export default {
  data() {
    return {
      percentage2: 60, // 进度百分比
      progressColors: ['#13ce66', '#f7d96e', '#ff8f50'] // 颜色数组，从浅绿到橙色代表不同进度阶段
    };
  }
}
</script>

这样，当 `percentage2` 变化时，进度条的颜色也会相应地随着颜色数组中的颜色进行切换，使文本和进度条的颜色保持一致。