JavaScript は Web ページの先頭にある進行状況バーの更新を実装します。

巴扎黑
リリース: 2017-04-17 10:44:06
オリジナル
1709 人が閲覧しました

この記事では、JavaScript を使用して Web ページのヘッダーのプログレスバーを更新するサンプルコードを主に紹介します。これは非常に優れており、必要な方は参考にしてください。

記事が表示されると、ヘッダーが表示されます。ブラウザの読み込みが完了するかどうかは表示プロセスに依存するため、表示が完了した後にブラウザがリソースの読み込みを完了したことを意味するわけではありません。

レンダリング:

まずはHTMLを見てください:

たった2つのタグ


<p id="barbg">
   <p id="bar">
   </p>
  </p>
ログイン後にコピー

CSS:

レイアウトも非常にシンプルです


 <style>
   *{margin:0;padding:0;}
   #barbg{height:5px; background:rgb(149,143,143)}
   #barbg p{width:0; height:5px; position:relative; background:rgb(230,10,10);}
  </style>
ログイン後にコピー

JS

それではネイティブ JS 以上です


りー

以上がJavaScript は Web ページの先頭にある進行状況バーの更新を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート