Javascript 引导转盘'；s指示器背景色填充动画

我正在尝试创建一个动画旋转木马指示器，在每个活动的

旋转木马项目上用计时器填充其背景！这是我到目前为止的代码，但它不能正常工作。我找不到任何类似的例子

将javascript文件更新为：

var per = 0;
    setInterval(function(){
        per++;
        if(per <= 99){
            $('ul.carousel-indicators li.active').css({background: "linear-gradient(to right, red "+per+"%,#C1B7AD "+per+"%,#C1B7AD 100%)"});
        }
        else {
            per = 0;
        }
    }
   , 50);

var per=0；
setInterval（函数（）{
per++；
如果（谢谢！但还是有一个小问题！正如你所知，当鼠标滑过转盘时，引导计时器停止，但我们的指示器仍在继续…还有另一个问题！当我转到浏览器上的另一个选项卡时，转盘的间隔暂停，但我们的计时器仍在继续！有其他方法控制我们的自定义计时器吗？