Reading Progress Bar Demo

Scroll down this page to see the progress bar at the top of the screen in action. It will fill up as you read through the content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Phasellus egestas, nulla et dictum aliquam, massa quam accumsan sapien, a commodo ex ligula id sapien. Integer et interdum velit. Nulla facilisi. Curabitur nec semper nunc. Proin in purus at justo blandit egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus quis ex eu nulla convallis consectetur. Nam vitae commodo nisl. Duis et lectus nec est lacinia tincidunt.

Suspendisse potenti. Cras sed est eu libero rhoncus consectetur. Sed pulvinar, nunc id feugiat dapibus, sapien quam interdum magna, at aliquet urna enim eu nulla. Maecenas nec augue eget velit posuere commodo. Donec interdum, justo in sollicitudin placerat, lectus quam tincidunt lacus, at convallis metus ex vel purus. Aliquam erat volutpat. Fusce vitae egestas libero. Sed scelerisque, velit eu tincidunt euismod, turpis elit interdum quam, vel volutpat arcu quam sed nunc.

Proin quis justo ac elit congue dapibus. Nam in urna nec quam dapibus tincidunt. Etiam vel metus nec enim consequat laoreet. Morbi vitae justo eu elit dictum commodo. Aenean sed quam id nunc tincidunt aliquet. Vivamus id justo vitae quam laoreet varius. Sed auctor, magna a consequat tincidunt, sem odio tincidunt nunc, nec consectetur nunc nunc id nunc.

Integer eget nunc eget nunc tincidunt aliquet. Sed auctor, magna a consequat tincidunt, sem odio tincidunt nunc, nec consectetur nunc nunc id nunc. Proin quis justo ac elit congue dapibus. Nam in urna nec quam dapibus tincidunt. Etiam vel metus nec enim consequat laoreet. Morbi vitae justo eu elit dictum commodo. Aenean sed quam id nunc tincidunt aliquet. Vivamus id justo vitae quam laoreet varius.

Donec interdum, justo in sollicitudin placerat, lectus quam tincidunt lacus, at convallis metus ex vel purus. Aliquam erat volutpat. Fusce vitae egestas libero. Sed scelerisque, velit eu tincidunt euismod, turpis elit interdum quam, vel volutpat arcu quam sed nunc. Suspendisse potenti. Cras sed est eu libero rhoncus consectetur. Sed pulvinar, nunc id feugiat dapibus, sapien quam interdum magna, at aliquet urna enim eu nulla.

This is the end of the article. The progress bar should be full now!