在属性里有:color自定义回调函数
//html
<el-progress
:color="colors"
type="circle"
:percentage="datalist.state.secondLevelCount"
:width="70"
>
<template #default="{ percentage }">
<span
class="percentage-label"
style="color: rgba(247, 220, 111, 1)"
>二级</span
>
<p style="color: rgba(247, 220, 111, 1)">{{ percentage }}台</p>
</template>
</el-progress>
//js
//报警状态自定义二级颜色
const colors = reactive([
{ color: "rgba(247,220,111,0.6)", percentage: 20 },
{ color: "rgba(247,220,111,0.6)", percentage: 40 },
{ color: "rgba(247,220,111,0.6)", percentage: 60 },
{ color: "rgba(247,220,111,0.6)", percentage: 80 },
{ color: "rgba(247,220,111,0.6)", percentage: 100 },
]);