JS-решения №13. Индикатор прокрутки на чистом JS + SVG-анимация окружности

Привет! В новой части JS-решений я покажу, как сделать индикатор прокрутки на сайте - полосу и окружность, которые будут заполняться в процессе скролла по сайту.
github.com/max... - исходники видео на GitHub
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxg...
Чат для верстальщиков: teleg.run/maxg...
#ityoutubersru #скролл #индикаторпрокрутки

[@Алексей-о7х4з]

Супер! Очень оригинально и красиво!

[@alexdev75]

Великолепно. Просто и красиво. Огромное спасибо.

[@Эдик-е9г]

Отличный контент! Спасибо!

[@movieclips4848]

Спасибо

[@maxgraph]

Пожалуйста)

[@DerAleksey]

блин ну кружочек))

[@unity_12]

Супер! Спасибо

[@maxgraph]

Пожалуйста)

[@ЮрийШу-ы5п]

JS Magic

[@ИльназГарайшин-ч6о]

Ващее крутяК)

[@maxgraph]

Спасибо)

[@АлександрМелянюк-ц9ю]

А почему на GitHub нету Download zip на каждые отдельные исходники?)) Можно только все исходники вместе скачать)) Или это я что-то туплю!?)) Спасибо за видео!!!!!

[@maxgraph]

Потому что скачать можно только репозиторий)

[@АлександрМелянюк-ц9ю]

@@maxgraph Понял! А это всё потому, что плейлиста по гиту нету!)) Спасибо ещё раз!

[@yuriikovalchuk564]

Братик, круто делаешь, но так режет слух хейс для человека, который знает англу,это жесть. Правильно хайт (на крайний случай хейт)

[@maxgraph]

Привык))

[@yuriikovalchuk564]

@@maxgraph кстати на сколько юзабельны дэшофсеты и дэшэреи в реальных проектах, а то на сколько я знаю, на сафари они отваливаются! по краней мере мой прелоадер по такой же схеме не работал

[@maxgraph]

Оооооч редко использую

[@ЕвгенийДатский-о7э]

А можно js решения собрать в отдельный плей лист?

[@maxgraph]

Так собрано)

[@erlpank8799]

просто, красиво, оригинально, эстетично! Спасибо