JavaScript

SVGパスを使った美しいレスポンシブのプログレスバーを実装できるJSライブラリ「ProgressBar.js」

ProgressBar.jsはSVGパスを使ったプログレスバーを実装することができるJSライブラリです。レスポンシブにも対応しており、デザインやアニメーションがとても美しいのが特徴です。Webサイト内にプログレスバーが必要になった時には活用してみたいですね。

[ads_center]

ProgressBar.js

ProgressBar.js

ProgressBar.js

デモではいくつかのタイプの動作をチェックすることができます。

ライン、サークル、アニメーションのカスタム、クロックなど使い方しだいで色んなカスタマイズをすることが可能です。

アニメーションも綺麗でスムーズに動作するので、これからプログレスバーを実装したいと思っている方は是非チェックしてみてはいかがでしょうか。

関連記事

  1. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

  2. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  3. Sal.js

    JavaScript

    Vanilla JSによる軽量のスクロールアニメーションライブラリ「Sal.js」

    Sal.jsは軽量のスクロールアニメーションを実装できるライブラリです…

  4. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

  5. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

  6. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP