Максим

Если всякие intersectionObserver далеки от вас то есть готовые библиотеки - типа AOS который в примере - просто вставляем в тег data и подключаем два файла css + js => смотрим



Все его возможности : https://michalsnik.github.io/aos/

Здесь автоматическое добавление областей для наведения

sread operator

Не знаю подойдёт или нет,

https://codepen.io/topicstarter/pen/xxwdJmw
https://codepen.io/topicstarter/pen/GRpmoyw

https://codepen.io/topicstarter/pen/NWbmgoL а li там или div значения не имеет

https://developer.mozilla.org/ru/docs/Web/API/Inte...

Раз ни кто за 11 часов не дал ответ - то пишу решение на jQuery + circleProgress + Waypoint

https://codepen.io/topicstarter/pen/zYoywex

https://codepen.io/topicstarter/pen/gOLQQKE - так можно
https://codepen.io/topicstarter/pen/gOLZQPe - или так

https://www.youtube.com/watch?v=bUfusK9zpLg

Так ?

Там же канвас - стало быть будут работать нативные методы
то есть : backgroundColor: gradient,

https://developer.mozilla.org/ru/docs/Web/API/Canv...

Даже на деревяшке будет работать : https://codepen.io/topicstarter/pen/VwmEjNO

Используйте fetch он прост в применении и если html находится на одном домене то CORS беспокоить не будет

После получения response выведите его куда угодно и за пределами fetch уже измените его