手写进度条

 

 

<div class="percentage-bar">
  <div class="front-bar" id="basicWelderBar"></div>
  <div class="partition"></div>
</div>

　　

.percentage-bar {
    height: 3.2rem;
    width: 80%;
    border-radius: 0.53rem;
    background: rgba(60, 141, 188, 0.4);
    display: flex;
    align-items: center;
}
.front-bar {
    height: 3.2rem;
    border-radius: 0.53rem 0 0 0.53rem;
    background: rgba(60, 141, 188, 1);
    float: left;
}
.partition {
    width: 0.27rem;
    height: 3.73rem;
    background: rgba(64, 134, 255, 1);
}

　　

$('#basicWelderBar').css('width', '60%')