Как сделать такую навигацию кастомного слайдера (иконки меняют цвет при перетягивании скроллбара)?

Question

[Stanley28]

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

Comments

[Иван]

если я правильно понял, вы не знаете как реализовать перемещение скролбара таким образом, чтобы он подсвечивал иконки при перемещении. Как на мой взгляд, поле изначально затемнено, а когда на иконках находится скролбар, то просто на нужном месте затемнение исчезает и меняется фон на тёмно-серый.

[Stanley28]

BenderIsGreat34, в том то и дело, что мне непонятно каким образом убрать затемнение на нужном месте. :)

[Иван]

Stanley28, мне кажется, что при помощи этого можно решить вашу проблему, только надо немного доработать, чтобы было плавно и можно было именно перемещать захватом мыши тык