Scroll Progress Indicator using Javascript and Lottie Animations Tutorial

Pubblicato il: 28 febbraio 2022
sul canale di: Late Night Coders
432
13

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 🙂


In questa pagina del sito puoi guardare il video online Scroll Progress Indicator using Javascript and Lottie Animations Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Late Night Coders 28 febbraio 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 432 volte e gli è piaciuto 13 spettatori. Buona visione!