Как двигать ползунок, чтобы слева был белый фон?

Question

[killwayne]

Зажав ползунок его нужно двигать аналогично input range, но задевая круглешки они должны загораться белымм

Мне нужно просто понять логику реализации этого, буду рад любой помощи!

Comments

[VVVVVV]

Можно на js написать, были бы сурсы\пен

[Сергей delphinpro]

так логика простая.
mousedown - начинаем двигать (left, translateX)
mousemove - следим за координатами ползунка, слева увеличиваем белую линию. если координаты (по X) больше или равны очередному кружку - перекрашиваем его (навешиваем класс).
координаты точек высчитываем сразу при инициализации и обновляем по onresize, если необходимо.