JSレスでピュアCSSの超カッコいいプログレスバーのサンプル:phpspot開発日誌

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の超カッコいいプログレスバーのサンプル →デモを見る - ズイズイアニメーションしていきます。 何とこれ、ＪａｖａＳｃｒｉｐｔを使っていません。 CSSとHTMLオンリーです。 仕組みは、GIFアニメーションで100%までプログレスする画像を作成しておき、進捗部分までを画像で塗りつぶすというもののようです。 CSSだけじゃ無理だと思うようなところもCSSのみでやっちゃうのは感動してしまいますね。 関連エントリ JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート

[hoge_systemz]

safari2一部ダメ

[uunfo]

プログレスバーというよりはただのグラフ

[sima-box]

ローディングバー