javascript - 引导轮播指示器背景颜色填充动画

我正在尝试创建一个动画轮播指示器，以每个活动carousel-item上的计时器填充其背景！到目前为止，这是我的代码，但无法正常工作。我找不到任何类似的例子！

http://jsfiddle.net/rcf3gv60/4/

最佳答案

将您的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);

将值从100更改为99，并在达到100时将per的值重置为0。

关于javascript - 引导轮播指示器背景颜色填充动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51079782/