Swiper Pagination(分页) - progressbarOpposite

使进度条分页器与Swiper的direction参数相反,也就是说水平方向切换的swiper显示的是垂直进度条而垂直方向切换的swiper显示水平进度条

progressbarOpposite信息

类型:
boolean
默认:
false
举例:
true
启用版本:
4.2.2

效果演示

slider1
slider2
slider3
 

使用方法示例

从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript"> 
  var mySwiper = new Swiper('.swiper',{
    pagination: {
      el: '.swiper-pagination',
      type : 'progressbar',
      progressbarOpposite: true,
    },
  })
</script>