（ウェブページがロードされると、コンテンツが多すぎてロードされて待っている場合があります。この時点で、WebページはWhiteが何も表示しないことを示しています。ユーザー向けに表示されます。
一般的な方法は次のとおりです。
1。タイマーの進行中のバー（偽） <script = text/javascript> $（function（）{var loading = '<div class = loading> <div class = pic> </div> </div>'; $（body）。g）; function（）{$（。）Fadeout（）;};}）; 2。実際の取得コンテンツ、読み込みの進行状況バーを実現します実際のコンテンツに従って進行状況バーをロードするには、2つの知識ポイントを以下に紹介します。
document.onededystatechangeページの読み込みステータスイベントの変更
document.readyState現在のドキュメントのステータスを返します
1.非初期化 - まだロードを開始しました
2。読み込み -
3。インタラクティブなロード、ドキュメント、ユーザーはインタラクションを開始できます
4。完全なロードを完了します
2.1タイマーのコードを次のように変更できます。 document.onreadystatechange = function（）{if（documeted.readystate == complete）{$（。loading）.fadeout（）;}}} 2.2プログレスバーの小さなアニメーションをCSSに表示します推奨Webサイト：https：//preloaders.net/このウェブサイトには、読み込まれたロードを示すさまざまな小さなアニメーションがあります
http://autoprefixer.github.io/オンラインでCSSにプレフィックスを追加します
https://loading.io/プログレッシブスモールアニメーション
2.3：以下に示すように、進行状況は頭の中に配置されます。注：この実現は、読み込みの進行状況の実際の表示ではなく、使用します。コード実行の原則は上から下まで
コードの異なる位置では、ページの最後に行の幅を変更します。
以下に示すように：
2.4データをリアルタイムで読み込むための進行状況バーを取得する画像オブジェクトの作成：画像オブジェクト名= new Image（）;
使用：オンラインイベント
注：SRC属性はオンロードの背後に記述する必要があります。そうしないと、プログラムはIEでエラーを犯します
上記は、この記事のすべてのコンテンツです。