Как сделать в навигации слайдера подобный “заполняющийся” пункт навигации?

Question

[powercoder]

Как сделать в навигации слайдера подобный "заполняющийся" пункт навигации в slick.js?
Есть определенное время, за которое осуществляется скролл к следующему слайду и за это время слегка прозрачный блок возле навигации "наполняется".
Ссылка на пример: https://www.oneplus.com/ru/brand?from=foot

Answer 1

[fallus]

https://codepen.io/fallus/pen/BaybNxG

А вообще я дизайнер.