前の記事 «:クールな虹色のバックグランドを作成するPhotoShopチュートリアル
次の記事 »:2008年3月31日 管理人のブックマーク

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

2008年03月31日

スポンサード リンク
Pure CSS Animated Progress Bar | Css Globe
Here's a simple demonstration of how you can create animated progress bar using pure css.

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



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

何とこれ、JavaScriptを使っていません。
CSSとHTMLオンリーです。

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

関連エントリ

スポンサード リンク

投稿者 KJ : 2008年03月31日 20:01 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。