Как при скролле показывать проценты в зависимости от положения на странице?

Question

[Конан Варвар]

Всем привет.
Ребята, выручайте. Есть вот такая кнопка .
Её суть в том, чтобы проценты менялись в зависимости от положения на странице, а так же менялась белая полоса вокруг процентов. Подскажите где найти подобное решение или может кто уже делал, или видел? За любую помощь буду очень благодарен :)

Answer 1

[RaulDuke]

Что-то такое?

https://jsfiddle.net/olegcvetkov76/wy0es40c/

Comments

[Конан Варвар]

Большое спасибо. Все верно, к этому я тоже уже пришел. Осталось самое сложно, это белый контур, который тоже должен меняться в зависимости от процентов. У вас есть идеи как это сделать?

[RaulDuke]

JaredWinter: я бы отрисовывал канвасом, не вижу смысла морочиться с css. Посмотрите тут https://jsfiddle.net/Aapn8/3410/

Answer 2

[Kovalsky]

google: "css circle progress", первый результат: "Codepen: Pure CSS radial progress bar"

google: "js scroll percentage", первый результат: "Cross-Browser Method to Determine Vertical Scroll...

Answer 3

[eabrega]

Как вариант - можно использовать мою либу https://github.com/eabrega/scroll-progress