Extracted Page: http://css3wizardry.com/CSS3 Wizardry
August 23, 2010 by Robert Biggs
Works in Desktop Safari, Desktop Chrome, Android, iPhone, iPad. Displays properly but does not animate in Firefox 3.5-4 because it lacks CSS3 keyframe animation.
Since CSS3 provides a way to create gradients, including striped repeating patterns, it is possible to create the barbershop striped progress bars used on Mac OS X. Using the technique described in a previous post about CSS3 striped gradient patterns, we can easily create a self-animated progress bar. To start with, the HTML5 markup i
Additional text has been truncated due to copyright reasons. Things without URLs and private things don't get truncated.