In this tutorial, you'll learn how to create three types of progress bars using Motion.page to show your position on a webpage. These progress bars are commonly seen on popular blog and news websites and can be easily implemented with Motion.page. We'll use the ScrollTrigger and explore CSS techniques like masking and mix-blend-mode. Plus, we'll include custom code to animate a number within Motion.page.