PACEPACEはファイルを読み込むだけで簡単にプログレスバーが実装できる定番のプラグインです。デザインのテーマが豊富に用意されているので様々なローディング画面を演出できます。サイトデザインの重要な要素の一つとして、さらにはユーザーストレスの軽減を兼ねて積極的に導入してみてはいかがでしょうか。PACE.jsの使い方PACEのデモページまたはGitHubのPACEのページからファイルをダウンロードして必要なファイルをサーバーへアップロードします。head要素に読み込ませます。body要素の直下に必要な要素を生成してくれます。・PACEが生成する要素の構成は上記の通りです。body要素にもクラスが追加されます。PACEが生成するルート要素です。プログレスバーの要素に対して与えられるクラス名です。テーマによって使用される要素に与えられるクラス名です。テーマによって使用される要素に与えられるクラス名です。body要素に与えられるクラス名です。body要素に与えられるクラス名です。.pace要素に与えられるクラス名です。.pace要素に与えられるクラス名です。ローディング中の進捗状況をパーセントで表します。ローディング中の進捗状況を0から99までの数値で表します。進行状況バーを表示し更新を開始します。プログレスバーが隠れている場合はそれを表示して再開します。プログレスバーを非表示にして停止します。1つ以上のリクエストをトラッキングします。1つまたは複数のリクエストを無視します。PACEを実行した時がトリガーになります。PACEを手動で停止した場合がトリガーになります。AJAXリクエストによって)再開した時がトリガーになります。PACEを完了した時がトリガーになります。PACEが隠されている時がトリガーになります。function(){});PACEの使い方の詳細は以下のリンクから参照できます。PACEのバージョンは0.4.17を使用しています。テーマは使用せずデザインしています。PACEのプログレスバーで表しています。Transformを利用した立体的な。