[WEB] 12種類設置できるprogress barのご紹介
07 04 2016
WEBサイトを表示されるまでに時間がかかる場合、ローディング画面を表示することがあります。
そんなローディング画面を簡単に12種類設置できる「PACE Automatic page load progress bar」のご紹介です。
■使用方法
ダウンロードした「pace-master」フォルダの中にある「pace.js」を<head>に読込ます。
次に「themes」の中にあるcssを読込ます。
<head> <script src="js/pace.js"></script> <link href="css/themes/pace-theme-barber-shop.css" rel="stylesheet" /> </head>
これで設置は完了です。
「themes」の中にあるcssから好きなprogress barを選択し選ぶだけで、下記のようなprogress barを設置できます。
より詳しくは「PACE」のデモをご覧ください。
以上簡単に設置できるprogress barのご紹介でした。