Jquery 在可变持续时间内收缩div的宽度

我试图创建一个倒计时进度条，就像进度条从100%到0%的相反方向

我有一个以100%宽度开始的页面，在几秒钟内我希望它缩小到0，然后页面将重新加载

---

我希望在jQuery中实现它。

您可以实现一个间隔并像这样设置div的宽度

var progressBar = $('#progress-bar'),
width = 100;

var interval = setInterval(function() {

    width -= 1;

    progressBar.css('width', width + '%');

    if (width == 0) {
        clearInterval(interval);
        //redirect page here
        //window.unload(function(){});
    }
}, 1000)

var progressBar=$'progress-bar'， 宽度=100； var interval=setIntervalfunction{ 宽度-=1； css'width'，width+'%'； 如果宽度==0{ 清晰间隔； //在这里重定向页面 //window.unload函数{}； } }, 1000 进度条{ 高度：10px； 背景：绿色； 文本对齐：居中； 溢出：隐藏； }