1-Pure CSS Progress Bar
Pure CSS Progress Bar is best viewed in a Webkit based browser, Chrome is good, also Safari. Opera 10.62 looks quite good. Firefox and IE 9 kind of work (no animations). IE 8, 7 and 6 do not support rounding, shadows or animation.
2-Animated progress bar
CSS Globe has a chic animated progress bar built with CSS and an animated GIF file.
It is simply an EM tag above an animated GIF file which is blocking the part of the GIF file to creating the progress bar stop effect.
As this progress bar is only a visual trick, it can not show a "live" progress but only a static one which the percentage of progress to be shown was defined before the page is loaded.
Animation | Best Collections | Inspiration | License Free