JavaScript

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

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

[ads_center]

ProgressBar.js

ProgressBar.js

ProgressBar.js

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

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

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

関連記事

  1. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  2. busy-load

    JavaScript

    シンプルでフレキシブルなローディングマスクプラグイン「busy-load」

    busy-loadはシンプルでフレキシブルなローディングマスクを実装す…

  3. diamonds.js
  4. Rain & Water Effect Experiments
  5. stickyTableColumns

    JavaScript

    水平(左右)にスライドできるテーブル実装「stickyTableColumns」

    stickyTableColumnsは、データ量の多い表をページで表現…

  6. slider Menu

    JavaScript

    メニューリストをスライダーメニューにするjQueryプラグイン「slider Menu」

    slider Menuはメニューリストをスムーズにスライダーメニューに…

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP