ウェブサイト制作でプログレスバーを実装する機会は少なからずあると思います。 そんな時にサクッと実装できて役に立つjQueryプラグインが「PACE」です。 使い方はとても簡単で、 まずpace.jsはPACEのページの「Download」の下のPACE.JSと記載されているボタンを 右クリックで必要なJSを「リンク先を別名で保存する」等でDLしてください。 ※赤枠部分からダウンロード ダウンロードしたら、 jQuery本体とダウンロードしたpace.jsを一緒に読み込みます。 HTML: あとはPACEのページ下部の14種類の中から使用したい ローディングアニメーションのプログレスバーの「DOWNLOAD」を 右クリックで必要なCSSを「リンク先を別名で保存する」等でDLしてください。 ※赤枠部分からダウンロード 例えばMinimalの場合、 CSS: .pace { -webkit-po
![【PACE】色々なローディングアニメーションのプログレスバーを簡単に実装できるjQueryプラグイン|ホームページ制作・アプリ開発のハウツーをより実践的に。- ウェブ式 –](https://cdn-ak-scissors.b.st-hatena.com/image/square/4db94a13f15b9de9465d5737e84c8dbb6827c56a/height=288;version=1;width=512/https%3A%2F%2Fwww.webshiki.com%2Fadmn%2Fsitedata%2Fuploads%2F2016%2F08%2Fimg20160811_01-1024x675.png)