CSS+JavaScriptで作る簡単なプログレスバーのサンプル - うなの日記CSS+JavaScriptを使って、簡単なプログレスバーを作ってみました。戦略は以下のとおり。 バーとして使うアニメーションGIFを作成しておく。 サンプルでは→を用意して使いました。 プログレスバーとするdiv要素を用意し、CSSで 背景画像として↑の画像を設定。 背景画像のx座標を調整し、最初は非表示になるようにしておく。 また、widthを固定しておく。 進捗状況が変わった場合、JavaScriptで背景画像のx座標を更新し、バーを表示する。 ↓のサンプルではタイマーで200msごとに進めています。 →サンプルはこちら ソースは次のとおりです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> // メイン
ドメインパーキング
ドメインパーキング
