Как сделать прогресс бар для swiper slider?

Question

[Вадим Ягофаров]

Как сделать такой прогресс бар для swiper slider?

Answer 1

[archelon]

использовать обычную пагинацию с bullets (https://swiperjs.com/demos/030-pagination.html)
темизировать с помощью псевдоэлементов, например.

Comments

[Вадим Ягофаров]

блинннн)))))) реаально)))). А можно как то использовать и пагинацию и отсчет слайдеров как на скрине(1/5, 2/5, 3/5 и др)?

[archelon]

«счетчик» сделать не проблема:

pagination: {
el: '.swiper-pagination',
type: 'fraction',
},

но не уверен, можно ли одновременно использовать 2 типа пагинации.

[Вадим Ягофаров]

archelon, Когда указываешь type: 'fraction',, то либо он лоби bullet. Работает что-то одно

[archelon]

https://stackoverflow.com/questions/53484867/how-t...

Answer 2

[Владимир Куликов]

https://swiperjs.com/swiper-api