swiper自定义进度条消失时怎么立即除去它的过渡动画

Question

我看了，这位老哥的解决办法，自己写了一个，每次0~100 4秒是没问题，但是我每次除去class，它会100~0也走四秒，除去class能否立刻去除呢，谢谢各位

//js
var swiper = new Swiper('.swiper-container', {
    ...
    autoplay: 4000,
    onSlideChangeStart: function(swiper) {
        let dom = document.querySelector('#progress-content');
        dom.classList.toggle('progress-100');
        
    }
});

//进度条
        .progress {
            position: absolute;
            bottom: 200PX;
            right: 200PX;
            z-index: 99;
            width: 205PX;
            height: 6PX;
            background-color: #524847;
            .progress-bar{
                height: 6PX;
                width: 0%;
                background-color: #ffffff;
                transition-property:width;
                transition-duration:4s;
                -webkit-transition-property:width;
                -webkit-transition-duration:4s;
                
            }
            .progress-100{
                width: 100%;
            }
        }

Answer 1

等待大神解答