swiper如何添加进度导航条?

swiper官方自带有一个进度导航条,但不是我所需要的。我想要那种比如,autoplay设为5000,进度导航条会进行逐步增加百分比,当到达5000毫秒时,swiper翻到第二页,进度导航条初始为0重新执行从0-100%的增加。左右翻页后同理。请问这种效果该如何实现呢?如果可以还望能够给予解答,非常感谢!~

阅读 5.9k
1 个回答

直接手写一个进度条,每当进翻页回调的时候,加一个class,这个class是把进度条的进度调成100%的,并且加上transition:5s的过渡,每次翻页就去掉这个class再加上不就行了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏