Как сделать горизонтальную полоску таймера под слайдером?

Question

[here_without_u]

Здравствуйте.
Скажите пожалуйста, как сделать такую полоску таймера. Чтобы она плавно "заполнялась" по указанному времени до момента переключения слайда.
На картинке она выше кружков.

Answer 1

[justdealman]

Отслеживать смену слайда, обнулять полоску и заполнять равномерно за время автосмены слайда.

Comments

[here_without_u]

А каким образом можно заполнять равномерно по времени?

[justdealman]

Например так:
https://jsfiddle.net/justdealman/sfpyy174/

[here_without_u]

justdealman: спасибо большое! Всегда в мыслях всё сложно, когда ответ так прост..