Hand-picked HTML and CSS code examples, tutorials and articles
CSS Gallery, jQuery plugins

Super Simple Progress Bar

Super Simple Progress Bar

This progress bar uses the HTML5 custom data-* attribute to allow for quick updating to a progress bar animated by Zepto (or jQuery). The animation is wrapped in a window.resize function to reanimate if the browser size is changed.

Stephen Fairbanks
MARCH 22, 2013
Made with:
HTML, CSS and JavaScript

Find the Demo

See the Pen Super Simple Progress Bar by Stephen Fairbanks (@thathurtabit) on CodePen.