Доброго времени суток.
У меня есть вот такой вот элемент на сайте.

Её реализация лежит вот здесь.
Песочница
У нас есть набранная сумма и сумма которую нужно набрать.
Дальше с помощью скрипта у нас вычисляется процентное соотношение и ширина того что собрано выбирает ту ширину которую сама занимает, все.
Но, я понял что это работает только один раз, и до сих пор не понимаю что делать.
Я вставляю данные, а именно(сумма которая есть) и (сумма которую нужно собрать), все это слажено работает.
И все работает, но когда таких элементов становится несколько - последний я так понял перезаписывает собой данные и все элементы берут его ширину. Как можно перезаписать, структурировать, изменить возможно скрипт. Чтобы каждый новый элемент имел так сказать свою переменную.
Я добавлю материалы если что-то не хватает. Буду рад за комментарии по поводу скрипта и его реализации.
Спасибо большое.