Как это сделать на ЧИСТОМ js?

Question

[Kryptonit]

у меня есть массив элементов (прямоугольники). Они обозначают уровень скилла. Мне нужно, чтобы когда пользователь докручивался до них, они начинали анимироваться(изначално их длина 0, плавно перетекает в 100%), при этом между анимацией каждого элемента есть задержка(чтобы не все сразу увеличивались) Пример:
https://ru.wix.com/website-template/view/html/1885...

Answer 1

[hzzzzl]

через любой из найденных методов в интернете добавить класс диву-обертке этих "прямоугольников", остальное css

Comments

[Kryptonit]

Хорошо придумано, только там момент один. Ширина каждой полосы тоже высчитывается динамически циклом из значения указанного в contentText

Answer 2

[Арсений Матыцин]

Вешать inrsectionObserver или по старинке ловить позиции, слушая скролл.

А запуск анимации можно реализовать как на JS (перебрать с цикле с приростом setTimeout), так и сменой класса, а задержку и анимацию описывать в CSS классе.