Framer Tutorial: Creating Scroll Progress Bars
🎓 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
Watch video Framer Tutorial: Creating Scroll Progress Bars online without registration, duration hours minute second in high quality. This video was added by user Framer University 03 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,976 once and liked it 371 people.