el-progress 怎么修改样式

 <el-progress :text-inside="true" :stroke-width="15" :percentage="50"></el-progress>

ui样式

怎么达到ui样式效果

颜色自己调一下

<div class="progress">
      <el-progress :text-inside="true" :stroke-width="15" :percentage="50"></el-progress>
    </div>
<style lang="scss">
.progress{
  .el-progress-bar__outer{
    background: #f00!important;
    overflow: initial;
  }
  .el-progress-bar__inner{
    background: transparent!important;
  }
  .el-progress-bar__innerText{
    width:100px;
    height:50px;
    background: #ff0;
    color:#000;
    text-align: center;
    margin-top:-20px;
    line-height: 50px;
  }
}
</style>

在控制台边调试边改

要修改ui框架的样式，要么写在全局样式中，要么加上/deep/样式穿透，就可以修改它的样式了
例如 :

/deep/.el-progress .el-progress--line{
    .el-progress-bar{
         .el-progress-bar__outer{
              height:12px;
          }
   }   
}

如有帮助，望采纳 ^.^ 谢谢啦~

你这个是不管多少进度，百分比都在中间？