el-progress 环形进度条初始化过渡效果

::v-deep.el-progress-circle {

// 进度条颜色

svg > path:nth-child(2) {

stroke: url(#dismantle); // 该url() 中填入的是, 对应组件中的 id 名

stroke-width: 4; // 环形进度条 宽度

duration: 500 !important;

transition: all 0.7s linear !important; // 过渡时间

}

}

::v-deep .percent svg path:nth-child(1) {

stroke: rgba(29, 242, 238, 0.2); // 环形进度颜色

stroke-width: 4;

}

::v-deep .waringPercent svg path:nth-child(2) {

stroke: rgba(46, 39, 5, 1);

}