本次我是使用的slick輪播圖插件，其官網(wǎng)網(wǎng)址如下：

http://kenwheeler.github.io/slick/，

下面是輪播圖中的代碼，如果你不知道效果是什么樣子，亦可以去看一下阿里云的官網(wǎng)：https://www.aliyun.com/?utm_content=se_1000301881

效果如下：

?

?

?

//新版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'});

?

轉(zhuǎn)載于:https://www.cnblogs.com/kaiqinzhang/p/10419733.html

總結(jié)

以上是生活随笔為你收集整理的录播图的分页使用进度条形式显示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。