Webクリエイターズニュース

ページ読み込み中の効果をつけるPace.js

Pocket
LINEで送る

pace

ローディング中のプログレスバーを表示してくれるPace.js

読み込み時に右上にローディング中の効果をした例
pace1

効果は4種用意されていますが、ドキュメントを参照すればカスタマイズも出来そうです。

Demoサイト
Create your own page load progress bar with Pace.js

Github(ソースファイル)
HubSpot/pace

下記サイトで紹介されていました。
Create Your Own Page Load Progress Bar with Pace.js • 1stwebdesigner

この記事を書いた人
Kenji Goto
Kenji Gotoよつばデザイン
Pocket
LINEで送る