Framer Tutorial: Creating Scroll Progress Bars
SIGN UP FOR THE $10K UNDERCOVER LAUNCH EVENT MAR 25TH: https://event.frameruniversity.com/
____________________________________________________ 🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you'll learn how to create a scroll progress bar on your Framer website. I'll show you how to structure your progress bar and I'll give you a code override that will make it work like magic. With the help of this video, you'll be able to add a scroll progress bar to your website without having to write any code.
Starter file + remix: https://framer.university/resources/s...
0:00 - Introduction
0:21 - Scroll progress bar out in the wild
1:00 - Starter file
1:28 - Designing the progress bar
5:45 - Placing it on the website
6:57 - Creating the code override
7:40 - Applying the code override
7:47 - Defining the start and end of the scroll progress
9:25 - Free course
Follow me on:
X: https://x.com/learnframer
Instagram: / framer.university