elementUI在环形进度条el-progress中添加图标

效果图

由于’饿了么’进度条不支持中心添加图标所以我们采用最原始的’父相子绝’来调整位置和大小

<div class="progress-div"><el-progresstype="circle":percentage="100"color="rgb(52,63,144)"stroke-width="10"width="50":show-text="false":title="'100%'"stroke-linecap="butt"></el-progress><img src="@/assets/2.作业进度区/资源 19.svg" class="step-icon" /></div>

.progress-div {position: relative;.step-icon {position: absolute;height: 1.2em;width: 1.2em;top: 29%;right: 32%;}}