Here's a simple demonstration of how you can create animated progress bar using pure css.

JSレスでピュアCSSの超カッコいいプログレスバーのサンプル



→デモを見る - ズイズイアニメーションしていきます。

何とこれ、ＪａｖａＳｃｒｉｐｔを使っていません。
CSSとHTMLオンリーです。

仕組みは、GIFアニメーションで100%までプログレスする画像を作成しておき、進捗部分までを画像で塗りつぶすというもののようです。
CSSだけじゃ無理だと思うようなところもCSSのみでやっちゃうのは感動してしまいますね。

関連エントリ

• JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート
• 進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」