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

Question

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

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

Answer 1

将您的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。