Scroll down and see how it works or take a look at the official documentation.

Download the code from the repository or download it from bower and npm as scrollprogress.

Support: Chrome, Firefox, Safari and IE9+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tortor sit amet libero suscipit tristique. Sed eu sagittis orci. Integer tristique, tortor dapibus facilisis tincidunt, ante elit semper libero, in tincidunt arcu urna quis sem. In blandit urna metus, id pretium ipsum tincidunt non.

Curabitur id tempor enim, nec lobortis justo. Curabitur erat augue, aliquet vel hendrerit id, pellentesque eu sapien. Sed auctor dictum sem sit amet dictum. Proin id lacus at nibh vestibulum tristique. Curabitur non blandit dolor, vitae sodales justo.

Suspendisse et vestibulum elit, eu porttitor ante. Phasellus vel sapien dui. Morbi interdum lacus vel arcu cursus imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla vitae tellus eu orci elementum imperdiet at nec nisi. Pellentesque hendrerit, tortor vel tempor dignissim, est nisi molestie nibh, a semper risus nunc quis felis.

Nullam tempor tincidunt enim id dictum. Etiam dictum dui id purus placerat feugiat. Phasellus consequat ante massa. Ut odio sem, condimentum eget erat quis, volutpat convallis libero. Donec id pulvinar magna. Donec id enim mi. Nam lobortis lorem est, ac mollis urna euismod sed. Cras dignissim ut tortor vel posuere.

Sed lacinia felis vitae consectetur rutrum. Sed velit ligula, vehicula at consectetur eget, tempor eget tellus. Nulla molestie nisl non nunc euismod, tincidunt mattis massa suscipit. Nulla facilisi.

Pellentesque sem metus, ultrices ac lobortis ac, sodales ut eros. Nam tincidunt turpis sit amet congue scelerisque. Nunc elementum gravida ipsum, id placerat turpis pulvinar ut. Aliquam cursus felis et sagittis suscipit. Nam porta ligula est, vel varius nisi consectetur vel. Nam congue augue metus, sit amet blandit est hendrerit adipiscing. Nam sagittis dignissim urna. Nullam at rhoncus arcu. Nulla varius, dui placerat ullamcorper commodo, risus nibh fringilla dui, sit amet dignissim odio lectus et urna. Duis faucibus felis consectetur massa dictum ultricies. Maecenas eget porta mi, non dapibus dolor.

Donec a nisl consequat, sodales purus ut, hendrerit mauris. Fusce metus velit, dignissim adipiscing nisi non, viverra accumsan leo. Curabitur ultrices, magna id tempus viverra, felis ligula aliquam risus, eu rhoncus massa enim sit amet mi. Vestibulum faucibus volutpat euismod. Nulla facilisi. Vivamus ut euismod libero. Cras iaculis magna a faucibus lobortis. Nulla et est sed ante lacinia vestibulum at at diam. Aenean id urna molestie, egestas lectus ut, viverra risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam felis nulla, laoreet in volutpat sed, sodales nec nulla. Nunc quis arcu hendrerit arcu lobortis tempus quis nec libero. Etiam congue nulla vitae fermentum cursus. Sed ac ornare nisi.

Praesent congue iaculis orci, vitae tempus orci accumsan ac. Nunc id nulla massa. Aliquam tincidunt quis mi et varius. Donec sagittis, orci id posuere porttitor, turpis arcu pulvinar odio, ac euismod tellus urna a massa. Fusce at enim risus. Nullam volutpat elementum nulla, sit amet fermentum neque iaculis eget. Maecenas ac nisi vulputate, pulvinar odio imperdiet, scelerisque sapien. Aenean non mi at turpis aliquam commodo sit amet et lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tortor sit amet libero suscipit tristique. Sed eu sagittis orci. Integer tristique, tortor dapibus facilisis tincidunt, ante elit semper libero, in tincidunt arcu urna quis sem. In blandit urna metus, id pretium ipsum tincidunt non.

Curabitur id tempor enim, nec lobortis justo. Curabitur erat augue, aliquet vel hendrerit id, pellentesque eu sapien. Sed auctor dictum sem sit amet dictum. Proin id lacus at nibh vestibulum tristique. Curabitur non blandit dolor, vitae sodales justo.

Suspendisse et vestibulum elit, eu porttitor ante. Phasellus vel sapien dui. Morbi interdum lacus vel arcu cursus imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla vitae tellus eu orci elementum imperdiet at nec nisi. Pellentesque hendrerit, tortor vel tempor dignissim, est nisi molestie nibh, a semper risus nunc quis felis.

Nullam tempor tincidunt enim id dictum. Etiam dictum dui id purus placerat feugiat. Phasellus consequat ante massa. Ut odio sem, condimentum eget erat quis, volutpat convallis libero. Donec id pulvinar magna. Donec id enim mi. Nam lobortis lorem est, ac mollis urna euismod sed. Cras dignissim ut tortor vel posuere.

Sed lacinia felis vitae consectetur rutrum. Sed velit ligula, vehicula at consectetur eget, tempor eget tellus. Nulla molestie nisl non nunc euismod, tincidunt mattis massa suscipit. Nulla facilisi.

Pellentesque sem metus, ultrices ac lobortis ac, sodales ut eros. Nam tincidunt turpis sit amet congue scelerisque. Nunc elementum gravida ipsum, id placerat turpis pulvinar ut. Aliquam cursus felis et sagittis suscipit. Nam porta ligula est, vel varius nisi consectetur vel. Nam congue augue metus, sit amet blandit est hendrerit adipiscing. Nam sagittis dignissim urna. Nullam at rhoncus arcu. Nulla varius, dui placerat ullamcorper commodo, risus nibh fringilla dui, sit amet dignissim odio lectus et urna. Duis faucibus felis consectetur massa dictum ultricies. Maecenas eget porta mi, non dapibus dolor.

Donec a nisl consequat, sodales purus ut, hendrerit mauris. Fusce metus velit, dignissim adipiscing nisi non, viverra accumsan leo. Curabitur ultrices, magna id tempus viverra, felis ligula aliquam risus, eu rhoncus massa enim sit amet mi. Vestibulum faucibus volutpat euismod. Nulla facilisi. Vivamus ut euismod libero. Cras iaculis magna a faucibus lobortis. Nulla et est sed ante lacinia vestibulum at at diam. Aenean id urna molestie, egestas lectus ut, viverra risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam felis nulla, laoreet in volutpat sed, sodales nec nulla. Nunc quis arcu hendrerit arcu lobortis tempus quis nec libero. Etiam congue nulla vitae fermentum cursus. Sed ac ornare nisi.

Praesent congue iaculis orci, vitae tempus orci accumsan ac. Nunc id nulla massa. Aliquam tincidunt quis mi et varius. Donec sagittis, orci id posuere porttitor, turpis arcu pulvinar odio, ac euismod tellus urna a massa. Fusce at enim risus. Nullam volutpat elementum nulla, sit amet fermentum neque iaculis eget. Maecenas ac nisi vulputate, pulvinar odio imperdiet, scelerisque sapien. Aenean non mi at turpis aliquam commodo sit amet et lectus.