进度条动画效果

/* 进度条动画效果 */
.progress-bar{
  animation: progress-bar 0.5s;
}
@keyframes progress-bar {
  from {
    padding-right: 100%; 
  }
    to {
    padding-right: 0%; 
  }
}

 

来源：https://www.cnblogs.com/XUYIYUAN/p/11408434.html