Где найти слайдер с прогресбаром?

Question

[topuserman]

Нужен слайдер с отдельным прогрессбаром для каждого слайда (т.е. чтобы не едины прогрессбар был), а несколько друг за другом, для первого - первый прогрессбар, потом на второй переключлся и т.д.

Comments

[Илья]

Лучше всего подходит то, что написано самим верстальщиком. JavaScript+CSS

Answer 1

[Вячеслав Науменко]

Готового ты точно не найдешь, но можно взять какой-нибудь Slick где есть различные ивенты, изучай как работать с событиями. Логика такая: слушаешь событие смены слайда, как только он сменился, запускаешь таймер на время который равен времени прокрутки слайда, в таймере функция закрашивания прогресс бара. Еще надо найти событие hover на слайд, чтобы остановить прогресс бар в момент ховера. Я как то делал. Я вот тут делал так.

spbgipro.softmate.ru

конечно есть баги, не идеальный вариант, но вроде работает

Answer 2

[Ярослав Александров]

30 секунд поиска по запросу "slider progress bar"
Slick slider progress bar?
www.landmarkmlp.com/js-plugin/owl.carousel/demos/p...
можно вытащить слайдер из кода страницы