progressbarFillClass
修改进度条型分页器的指示条(填充部分)的类名,修改后不再使用Swiper 进度条默认样式。
progressbarFillClass信息
- 类型:
- string
- 默认:
- swiper-pagination-progressbar-fill
- 举例:
- my-pagination-progressbar-fill
- 启用版本:
- 4.0.0
效果演示
未修改之前的默认样式
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
pagination:{
el: '.swiper-pagination',
type:'progressbar',
progressbarFillClass : 'my-pagination-progressbar-fill',
},
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/pagination/344.html