elementplus 进度条底色更改

首先给不同的进度条 外加一层 div。以此区分不同的进度条

   <div class="piePass">
        <el-progress type="circle" :percentage="4" :stroke-width="10" color="#00B578">
          <template #default="{ percentage }">
            <div class="title">已通过</div>
            <div class="percentage-value base-font">{{ percentage }}</div>
          </template>
        </el-progress>
      </div>
    <div >
        <el-progress type="circle" :percentage="10" :stroke-width="10" color="#FF4A58">
          <template #default="{ percentage }">
            <div class="title">未通过</div>
            <div class="percentage-value base-font">{{ percentage }}</div>
          </template>
        </el-progress>
      </div>

接着用 sass 来做 deep 进行强制修改即可

<style scoped lang="scss">
.piePass :deep() {
  path:first-child {
    stroke: red;
  }
}