element-plus 进度条progress 颜色渐变

要实现element-plus进度条progress的颜色渐变效果，可以按照以下步骤进行：

1. 首先，在进度条的外层元素上设置一个class，比如`.my_progress`。

2. 使用环形渐变效果，可以修改白底色。在样式表中，添加以下代码：

   .my_progress /deep/ .el-progress-circle__track {
     stroke: rgba(0,122,255,0.3);
   }

3. 采用线性渐变效果，并且不显示后面的文字。在样式表中，添加以下代码：

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

4. 调整百分比数字的样式。在样式表中，添加以下代码：

   .my_progress /deep/ .el-progress__text {
     font-size: 36px !important;;
     font-weight: bolder;
     color: #FFFFFF;
   }

这样，通过以上的步骤和样式代码，你就可以实现element-plus进度条progress的颜色渐变效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>