CSS动画保留最后一帧以及js监听动画加载完毕

 CSS动画保留最后一帧

.loading .progress .step {
  height: 100%;
  width: 20%;
  background-color: #fc2e4d;
  position: absolute;
  right: 0;
}
.loading.animate .step {
  animation: step 1s linear forwards;
}
@keyframes step {
  to {
    width: 100%;
  }
}

js监听动画加载完毕

            document.querySelector('.loading .step').addEventListener('animationend',function(){
                console.log('我播完了')
            })