Есть форма, в ней несколько инпутов, которые между собой визуально как бы "соединяет" левый бордер в виде точек.
При клике на одном из инпутов цвет этих точек должен меняться, но меняться постепенно сверху вниз, как бы имитируя прогрессбар. При этом заливка доходит до того инпута, на котором произошел клик и останавливается. И так пока не дойдет до конца. При этом она не должна откатываться назад, т.е. та, часть, что уже окрасилась синим так и остается синей.
Мой код:
https://codepen.io/Raneto4ka/pen/oaLbmw
Вопрос как раз в том, как сделать так, чтобы функция выполнялась только "вниз", не откатывая заливку синим в меньшую сторону.
Простой
