In this video, I will show you how you can implement a cool scroll progress indicator using javascript and Lottie Animations.
Join the Late Night Coders community to get access to online courses and more:
https://www.latenightcoders.club/
Github repository for the starter code:
https://github.com/AkbarBakhshi/three...
Github repository for the finished project of this video:
https://github.com/AkbarBakhshi/scrol...
✅ 🆓 Please make sure to subscribe to the channel and hit the notification bell to be the first to know whenever I upload new videos.⚠️
Check out my portfolio website at https://www.akbarbakhshi.com
Other video tutorials:
scroll-based animations with ThreeJS and GSAP: • Scroll-Based Animations in Three JS w...
Intro to ThreeJS: • Introduction to Three Js (Part 1) - A...
Custom Shaders in ThreeJS: • ThreeJS - Introduction to shaders and...
Raycasting with ThreeJS: • Detect mouse events on ThreeJS object...
Production-ready Webpack boilerplate: • Production-ready Webpack boilerplate ...
Useful links:
https://www.npmjs.com/package/@lottie...
https://lottiefiles.com/92752-loader
https://lottiefiles.com/26511-circula...
Finally, please leave a comment below and let me know if you have any questions or you have any topics in mind that would like me to make videos for.
Happy coding 🙂
Auf dieser Seite können Sie das Online-Video Scroll Progress Indicator using Javascript and Lottie Animations Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Late Night Coders 28 Februar 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 432 Mal angesehen und es wurde von 13 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!