录播图的分页使用进度条形式显示

 //新版gallery：http://kenwheeler.github.io/slick/
        jSlick.slick({
            dots: true,
            autoplay: true,
            autoplaySpeed: 8000,
            infinite: true,
            slidesToShow: 1,
            slidesToScroll: 1,
            pauseOnHover:false,
            customPaging:function(slider,i){
                let bar =  $(`<div class="bar_${i}"><p class="progress_bar"></p></div>`)
                let pro=0;
                let update=setInterval(function(){
                    if (pro < 50) {
                        pro++;
                    }
                    if (slider.currentSlide !== i) {
                        pro = 0;
                    }
                    bar.width(pro+"px");
                }, 160);
                return bar
            },
            // fade: true,
            // cssEase: ‘linear‘
        });