Пациент –
На странице имеется слайдер, переключающий рекламные баннеры. Необходимо сделать прогресс бар, который будет показывать время до переключения следующего слайда. На данный момент прогресс бар реализован при помощи gif анимации. Собственно это живой пример, как должен работать прогресс бар.
Вкратце все же поясню некоторые моменты.
При переключении на следующий слайд, прогресс бар, отсчитывающий время до переключения, должен оставаться заполненным (синим цветом), до тех пор, пока не будет пройдет весь цикл – переключения трех слайдов. Как только начинается показ с первого слайда, все три прогресс бара обнуляються (становятся серыми).
При управлении переключением слайдами вручную, при помощи боковых кнопок (стрелок), прогресс бар переключенного слайда должен заполнится синим цветом, а прогресс бар активного слайда, должен оставаться серым цветом.
Как только слайдер снова начинает работать в автоматическом режиме, работа прогресс бара должна возобновится, по выше описанной схеме.
Пожалуйста оглашайте бюджет, срок выполнения. И вообще возможно ли так сделать.
Спасибо.