Works on webkit.
Almost OK in FF (missing text), but the transition looks better
High-res
Fluid Squares is a mobile-first, HTML5 fluid grid framework whose units remain square and uses CSS3 Media Queries.
A tutorial demonstrating how to create rather good looking progress bars, courtesy of CSS3 shadows, border radiuses, gradients, and transitions. They even look nice when degrading for older browsers.