element plus 的 el-progress 进度条颜色渐变

想要的效果：

环形：

条形：

 

 基础效果

 

环形代码：

 
  //在template里面写，记得宽高设置为0
          
      


//重点代码
:deep(.circle syg> path:nth-child(2)){    //.circle是环形el-progress取的类名 write是svg的id
  stroke:url(#write)
}

条形进度条渐变

采用线性渐变即可。不显示后面的文字就在el-progress绑定：show-text ="false"

:deep(.show-progress .el-progress-bar__inner) {
  background-image: linear-gradient(
    to right,
    rgba(0, 141, 0, 1),   
    rgba(190, 217, 0, 1)
  );
}