Scroll Progress Indicator - Webflow interactions and animations tutorial

We'll create a horizontal progress indicator which scales as we scroll down the page. This lesson starts by covering the design of the div block used as the indicator, then moves into creating the scroll trigger, configuring the animation, and finally, adjusting the transform origin.

Steps in the video:
00:00 - Introduction
00:20 - Design
00:58 - Trigger
01:10 - Animation
01: 56 - Origin

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

----------

Get started with Webflow:
https://university.webflow.com/course...

http://webflow.com
Twitter: webflow
Facebook: webflow

• #education
• #web_design
• #webflow
• #responsive_web_design
• #graphic_design
• #web_development
• #cms
• #content_management_system