progress-bar写进度条
效果图如下:
<div class="progress">
<div class="progress-bar" style="width: 5%;"></div>
</div>
#basic-information span{
font-size: 18px;
color: #484848;
}
#basic-information .progress{
height: 10px;
background: #dce0e0 ;
}
#basic-information .progress .progress-bar{
border-radius: 20px;
background-color: #008489;
animation: animate-positive 2s;
height: 10px;
}
@-webkit-keyframes animate-positive{
0% { width: 0; }
}
@keyframes animate-positive{
0% { width: 0; }
}