Flat radial progress bar (pie)

Progress bar with changeable skins showing page load percentage

Got long forms on your website ? Break them up into smaller logical sections and convert it into a multi-step form with a cool progress bar. Could work for lengthy processes like registration, checkout, profile fillups, 2-factor authentication logins, etc.

Using a progress element for a profile completion bar. Added click states to see desired behavior; in the wild the user would click a "save" or "next" button which would animate the progress bar accordingly.

Custom progress element with numbers.

Unfortunately WebKit only because it uses: - background-clip: text;

Simple form progress bar. Inspiration from dribbble.

CSS only progress bar in 5 steps. JS is only used for animating the demo.

A simple jQuery progress bar plugin for Bootstrap forms.

An animated SVG circular reading progress indicator.

A circular progress bar created with canvas and animated with Greensock Animation Platform JS

A progress bar with a style very similar to the battle.net one... I couldn't get the borders to have animated pulse, though :(

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.