Sticky Reading Progress Nav Bar Demo

Sticky Reading Progress Nav Bar Created By Ed Hicks.

Scroll Down The Page And See The Magic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui tortor, non pulvinar arcu tincidunt ac. Nunc pulvinar felis turpis, ut rutrum lectus volutpat id. Maecenas ornare libero laoreet justo pharetra, ut pellentesque orci dapibus. Phasellus tincidunt ante pulvinar, ornare leo quis, congue tellus. Vivamus ultricies et lectus fringilla fermentum. Pellentesque viverra vestibulum magna, ac imperdiet odio rutrum et. In lacus sem, porta ac ullamcorper a, auctor non enim. Suspendisse faucibus sapien id egestas faucibus. Proin ullamcorper ex sed nulla efficitur molestie.

Section One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui tortor, non pulvinar arcu tincidunt ac. Nunc pulvinar felis turpis, ut rutrum lectus volutpat id. Maecenas ornare libero laoreet justo pharetra, ut pellentesque orci dapibus. Phasellus tincidunt ante pulvinar, ornare leo quis, congue tellus. Vivamus ultricies et lectus fringilla fermentum. Pellentesque viverra vestibulum magna, ac imperdiet odio rutrum et. In lacus sem, porta ac ullamcorper a, auctor non enim. Suspendisse faucibus sapien id egestas faucibus. Proin ullamcorper ex sed nulla efficitur molestie.

Phasellus vel ex consectetur, aliquet quam ut, viverra lorem. Nam enim ipsum, laoreet sed malesuada quis, egestas ut dui. Sed feugiat scelerisque metus at semper. Nunc porta eget nunc vel suscipit. Ut elementum iaculis urna nec laoreet. Duis interdum, lectus quis iaculis lacinia, nibh metus lobortis mauris, in euismod tellus arcu ut elit. In hac habitasse platea dictumst. Suspendisse eu nibh consequat, malesuada dui et, sagittis elit. Nunc ac odio ut felis eleifend varius.

Quisque nec luctus est. Nam risus quam, cursus sit amet lorem a, consequat vestibulum nulla. Integer pellentesque est sed lacus laoreet tristique. Phasellus scelerisque arcu quis velit elementum, id dapibus eros consequat. Duis sed neque sapien. Vivamus nec ligula vel sapien maximus finibus non nec diam. Curabitur varius volutpat sapien. Mauris finibus nunc in sapien dignissim, eget ullamcorper magna efficitur. Nam porta felis tempor sodales feugiat. Fusce sodales tellus augue, vitae molestie sapien varius dapibus. Duis consectetur nisi urna, eu placerat nunc imperdiet non. Donec id erat felis. Integer dapibus sapien risus, nec ornare sapien sollicitudin eu.

Aenean tempor nisi quis elit pretium, eget pretium est elementum. Quisque pretium odio sed ullamcorper bibendum. Donec tincidunt nec nisi id aliquet. Curabitur fringilla, mauris lobortis tempor consectetur, ante dui rhoncus est, facilisis aliquam mauris elit at diam. Pellentesque dolor nisl, vulputate a lacus eu, bibendum vulputate augue. Curabitur enim sem, dictum eu odio eget, sagittis sagittis neque. Aliquam vel est ac nunc placerat tempor non eu ex. Donec sed malesuada sapien, vel molestie magna. Nunc eget sem consequat, maximus enim quis, vulputate augue. Maecenas convallis, lacus eget gravida tempor, elit urna sollicitudin erat, ut dapibus nisl diam ut augue. Fusce molestie nisl sed tristique feugiat. Nunc commodo ante vel maximus vehicula.

Quisque id ante lectus. Nulla tellus sem, dignissim et arcu fermentum, facilisis luctus tellus. Maecenas feugiat eu quam hendrerit ullamcorper. In hac habitasse platea dictumst. Quisque non turpis blandit, laoreet justo id, sagittis dolor. Nunc eget ultrices neque. Fusce velit sapien, laoreet id molestie in, lacinia at sapien. Vestibulum tristique suscipit nisl. Mauris iaculis ullamcorper feugiat.

Section Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui tortor, non pulvinar arcu tincidunt ac. Nunc pulvinar felis turpis, ut rutrum lectus volutpat id. Maecenas ornare libero laoreet justo pharetra, ut pellentesque orci dapibus. Phasellus tincidunt ante pulvinar, ornare leo quis, congue tellus. Vivamus ultricies et lectus fringilla fermentum. Pellentesque viverra vestibulum magna, ac imperdiet odio rutrum et. In lacus sem, porta ac ullamcorper a, auctor non enim. Suspendisse faucibus sapien id egestas faucibus. Proin ullamcorper ex sed nulla efficitur molestie.

Phasellus vel ex consectetur, aliquet quam ut, viverra lorem. Nam enim ipsum, laoreet sed malesuada quis, egestas ut dui. Sed feugiat scelerisque metus at semper. Nunc porta eget nunc vel suscipit. Ut elementum iaculis urna nec laoreet. Duis interdum, lectus quis iaculis lacinia, nibh metus lobortis mauris, in euismod tellus arcu ut elit. In hac habitasse platea dictumst. Suspendisse eu nibh consequat, malesuada dui et, sagittis elit. Nunc ac odio ut felis eleifend varius.

Quisque nec luctus est. Nam risus quam, cursus sit amet lorem a, consequat vestibulum nulla. Integer pellentesque est sed lacus laoreet tristique. Phasellus scelerisque arcu quis velit elementum, id dapibus eros consequat. Duis sed neque sapien. Vivamus nec ligula vel sapien maximus finibus non nec diam. Curabitur varius volutpat sapien. Mauris finibus nunc in sapien dignissim, eget ullamcorper magna efficitur. Nam porta felis tempor sodales feugiat. Fusce sodales tellus augue, vitae molestie sapien varius dapibus. Duis consectetur nisi urna, eu placerat nunc imperdiet non. Donec id erat felis. Integer dapibus sapien risus, nec ornare sapien sollicitudin eu.

Aenean tempor nisi quis elit pretium, eget pretium est elementum. Quisque pretium odio sed ullamcorper bibendum. Donec tincidunt nec nisi id aliquet. Curabitur fringilla, mauris lobortis tempor consectetur, ante dui rhoncus est, facilisis aliquam mauris elit at diam. Pellentesque dolor nisl, vulputate a lacus eu, bibendum vulputate augue. Curabitur enim sem, dictum eu odio eget, sagittis sagittis neque. Aliquam vel est ac nunc placerat tempor non eu ex. Donec sed malesuada sapien, vel molestie magna. Nunc eget sem consequat, maximus enim quis, vulputate augue. Maecenas convallis, lacus eget gravida tempor, elit urna sollicitudin erat, ut dapibus nisl diam ut augue. Fusce molestie nisl sed tristique feugiat. Nunc commodo ante vel maximus vehicula.

Quisque id ante lectus. Nulla tellus sem, dignissim et arcu fermentum, facilisis luctus tellus. Maecenas feugiat eu quam hendrerit ullamcorper. In hac habitasse platea dictumst. Quisque non turpis blandit, laoreet justo id, sagittis dolor. Nunc eget ultrices neque. Fusce velit sapien, laoreet id molestie in, lacinia at sapien. Vestibulum tristique suscipit nisl. Mauris iaculis ullamcorper feugiat.

Section Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui tortor, non pulvinar arcu tincidunt ac. Nunc pulvinar felis turpis, ut rutrum lectus volutpat id. Maecenas ornare libero laoreet justo pharetra, ut pellentesque orci dapibus. Phasellus tincidunt ante pulvinar, ornare leo quis, congue tellus. Vivamus ultricies et lectus fringilla fermentum. Pellentesque viverra vestibulum magna, ac imperdiet odio rutrum et. In lacus sem, porta ac ullamcorper a, auctor non enim. Suspendisse faucibus sapien id egestas faucibus. Proin ullamcorper ex sed nulla efficitur molestie.

Phasellus vel ex consectetur, aliquet quam ut, viverra lorem. Nam enim ipsum, laoreet sed malesuada quis, egestas ut dui. Sed feugiat scelerisque metus at semper. Nunc porta eget nunc vel suscipit. Ut elementum iaculis urna nec laoreet. Duis interdum, lectus quis iaculis lacinia, nibh metus lobortis mauris, in euismod tellus arcu ut elit. In hac habitasse platea dictumst. Suspendisse eu nibh consequat, malesuada dui et, sagittis elit. Nunc ac odio ut felis eleifend varius.

Quisque nec luctus est. Nam risus quam, cursus sit amet lorem a, consequat vestibulum nulla. Integer pellentesque est sed lacus laoreet tristique. Phasellus scelerisque arcu quis velit elementum, id dapibus eros consequat. Duis sed neque sapien. Vivamus nec ligula vel sapien maximus finibus non nec diam. Curabitur varius volutpat sapien. Mauris finibus nunc in sapien dignissim, eget ullamcorper magna efficitur. Nam porta felis tempor sodales feugiat. Fusce sodales tellus augue, vitae molestie sapien varius dapibus. Duis consectetur nisi urna, eu placerat nunc imperdiet non. Donec id erat felis. Integer dapibus sapien risus, nec ornare sapien sollicitudin eu.

Aenean tempor nisi quis elit pretium, eget pretium est elementum. Quisque pretium odio sed ullamcorper bibendum. Donec tincidunt nec nisi id aliquet. Curabitur fringilla, mauris lobortis tempor consectetur, ante dui rhoncus est, facilisis aliquam mauris elit at diam. Pellentesque dolor nisl, vulputate a lacus eu, bibendum vulputate augue. Curabitur enim sem, dictum eu odio eget, sagittis sagittis neque. Aliquam vel est ac nunc placerat tempor non eu ex. Donec sed malesuada sapien, vel molestie magna. Nunc eget sem consequat, maximus enim quis, vulputate augue. Maecenas convallis, lacus eget gravida tempor, elit urna sollicitudin erat, ut dapibus nisl diam ut augue. Fusce molestie nisl sed tristique feugiat. Nunc commodo ante vel maximus vehicula.

Quisque id ante lectus. Nulla tellus sem, dignissim et arcu fermentum, facilisis luctus tellus. Maecenas feugiat eu quam hendrerit ullamcorper. In hac habitasse platea dictumst. Quisque non turpis blandit, laoreet justo id, sagittis dolor. Nunc eget ultrices neque. Fusce velit sapien, laoreet id molestie in, lacinia at sapien. Vestibulum tristique suscipit nisl. Mauris iaculis ullamcorper feugiat.

Section Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui tortor, non pulvinar arcu tincidunt ac. Nunc pulvinar felis turpis, ut rutrum lectus volutpat id. Maecenas ornare libero laoreet justo pharetra, ut pellentesque orci dapibus. Phasellus tincidunt ante pulvinar, ornare leo quis, congue tellus. Vivamus ultricies et lectus fringilla fermentum. Pellentesque viverra vestibulum magna, ac imperdiet odio rutrum et. In lacus sem, porta ac ullamcorper a, auctor non enim. Suspendisse faucibus sapien id egestas faucibus. Proin ullamcorper ex sed nulla efficitur molestie.

Phasellus vel ex consectetur, aliquet quam ut, viverra lorem. Nam enim ipsum, laoreet sed malesuada quis, egestas ut dui. Sed feugiat scelerisque metus at semper. Nunc porta eget nunc vel suscipit. Ut elementum iaculis urna nec laoreet. Duis interdum, lectus quis iaculis lacinia, nibh metus lobortis mauris, in euismod tellus arcu ut elit. In hac habitasse platea dictumst. Suspendisse eu nibh consequat, malesuada dui et, sagittis elit. Nunc ac odio ut felis eleifend varius.

Quisque nec luctus est. Nam risus quam, cursus sit amet lorem a, consequat vestibulum nulla. Integer pellentesque est sed lacus laoreet tristique. Phasellus scelerisque arcu quis velit elementum, id dapibus eros consequat. Duis sed neque sapien. Vivamus nec ligula vel sapien maximus finibus non nec diam. Curabitur varius volutpat sapien. Mauris finibus nunc in sapien dignissim, eget ullamcorper magna efficitur. Nam porta felis tempor sodales feugiat. Fusce sodales tellus augue, vitae molestie sapien varius dapibus. Duis consectetur nisi urna, eu placerat nunc imperdiet non. Donec id erat felis. Integer dapibus sapien risus, nec ornare sapien sollicitudin eu.

Aenean tempor nisi quis elit pretium, eget pretium est elementum. Quisque pretium odio sed ullamcorper bibendum. Donec tincidunt nec nisi id aliquet. Curabitur fringilla, mauris lobortis tempor consectetur, ante dui rhoncus est, facilisis aliquam mauris elit at diam. Pellentesque dolor nisl, vulputate a lacus eu, bibendum vulputate augue. Curabitur enim sem, dictum eu odio eget, sagittis sagittis neque. Aliquam vel est ac nunc placerat tempor non eu ex. Donec sed malesuada sapien, vel molestie magna. Nunc eget sem consequat, maximus enim quis, vulputate augue. Maecenas convallis, lacus eget gravida tempor, elit urna sollicitudin erat, ut dapibus nisl diam ut augue. Fusce molestie nisl sed tristique feugiat. Nunc commodo ante vel maximus vehicula.

Quisque id ante lectus. Nulla tellus sem, dignissim et arcu fermentum, facilisis luctus tellus. Maecenas feugiat eu quam hendrerit ullamcorper. In hac habitasse platea dictumst. Quisque non turpis blandit, laoreet justo id, sagittis dolor. Nunc eget ultrices neque. Fusce velit sapien, laoreet id molestie in, lacinia at sapien. Vestibulum tristique suscipit nisl. Mauris iaculis ullamcorper feugiat.

Section Five

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui tortor, non pulvinar arcu tincidunt ac. Nunc pulvinar felis turpis, ut rutrum lectus volutpat id. Maecenas ornare libero laoreet justo pharetra, ut pellentesque orci dapibus. Phasellus tincidunt ante pulvinar, ornare leo quis, congue tellus. Vivamus ultricies et lectus fringilla fermentum. Pellentesque viverra vestibulum magna, ac imperdiet odio rutrum et. In lacus sem, porta ac ullamcorper a, auctor non enim. Suspendisse faucibus sapien id egestas faucibus. Proin ullamcorper ex sed nulla efficitur molestie.

Phasellus vel ex consectetur, aliquet quam ut, viverra lorem. Nam enim ipsum, laoreet sed malesuada quis, egestas ut dui. Sed feugiat scelerisque metus at semper. Nunc porta eget nunc vel suscipit. Ut elementum iaculis urna nec laoreet. Duis interdum, lectus quis iaculis lacinia, nibh metus lobortis mauris, in euismod tellus arcu ut elit. In hac habitasse platea dictumst. Suspendisse eu nibh consequat, malesuada dui et, sagittis elit. Nunc ac odio ut felis eleifend varius.

Quisque nec luctus est. Nam risus quam, cursus sit amet lorem a, consequat vestibulum nulla. Integer pellentesque est sed lacus laoreet tristique. Phasellus scelerisque arcu quis velit elementum, id dapibus eros consequat. Duis sed neque sapien. Vivamus nec ligula vel sapien maximus finibus non nec diam. Curabitur varius volutpat sapien. Mauris finibus nunc in sapien dignissim, eget ullamcorper magna efficitur. Nam porta felis tempor sodales feugiat. Fusce sodales tellus augue, vitae molestie sapien varius dapibus. Duis consectetur nisi urna, eu placerat nunc imperdiet non. Donec id erat felis. Integer dapibus sapien risus, nec ornare sapien sollicitudin eu.

Aenean tempor nisi quis elit pretium, eget pretium est elementum. Quisque pretium odio sed ullamcorper bibendum. Donec tincidunt nec nisi id aliquet. Curabitur fringilla, mauris lobortis tempor consectetur, ante dui rhoncus est, facilisis aliquam mauris elit at diam. Pellentesque dolor nisl, vulputate a lacus eu, bibendum vulputate augue. Curabitur enim sem, dictum eu odio eget, sagittis sagittis neque. Aliquam vel est ac nunc placerat tempor non eu ex. Donec sed malesuada sapien, vel molestie magna. Nunc eget sem consequat, maximus enim quis, vulputate augue. Maecenas convallis, lacus eget gravida tempor, elit urna sollicitudin erat, ut dapibus nisl diam ut augue. Fusce molestie nisl sed tristique feugiat. Nunc commodo ante vel maximus vehicula.

Quisque id ante lectus. Nulla tellus sem, dignissim et arcu fermentum, facilisis luctus tellus. Maecenas feugiat eu quam hendrerit ullamcorper. In hac habitasse platea dictumst. Quisque non turpis blandit, laoreet justo id, sagittis dolor. Nunc eget ultrices neque. Fusce velit sapien, laoreet id molestie in, lacinia at sapien. Vestibulum tristique suscipit nisl. Mauris iaculis ullamcorper feugiat.