free UI elements and widgets coded with HTML5, CSS3, and Sass.

A simple form with floating labels and an animated progress bar.

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

Circular Progress Bar

Simple form progress bar

animated progress-bar with boostrap tooltip on it.

Progress bar with changeable skins showing page load percentage

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.

Post reading progress (Plain JS)

Multi step progress bar is developed using CSS and HTML. Demo and code download available.