CSSとGIFアニメーションだけで作れるプログレスバー
2008年3月31日 08:20
プログレスバーは、タスクの進行状況がわかって、とっても便利ですよね。
Pure CSS Animated Progress Bar
この、プログレスバーは、CSSとGIFアニメーションだけでとっても簡単に作れてしまいます。
用意する画像は、以下の３種類です。
1. 枠の画像
2. バーのGIFアニメーション
3. バーを隠す画像（分かりやすくするために、横幅を広げて表示してます。）
3のバーを隠す画像をCSSで調節すると、簡単なプログレスバーの出来上がりです〜。
詳細はこちらからどうぞ。htmlファイルもダウンロードできるので、是非お試しください。
『Pure CSS Animated Progress Bar』
Popularity: 34% [?]