JavaScript

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

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

[ads_center]

ProgressBar.js

ProgressBar.js

ProgressBar.js

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

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

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

関連記事

  1. PgwSlider

    JavaScript

    レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

    PgwSliderというjQueryプラグインを使えばレスポンシブで軽…

  2. HoldOn.js

    JavaScript

    ユーザーの待機中に表示させるアニメーション実装「HoldOn.js」

    HoldOn.jsはユーザーが待機している間に表示させるアニメーション…

  3. basicContext

    JavaScript

    使いやすいコンテキストメニューを実装できる「basicContext」

    basicContextはシンプルで使いやすいコンテキストメニューを実…

  4. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

  5. Owl Carousel 2

    JavaScript

    美しいレスポンシブなカルーセルスライダーを実装できる「Owl Carousel 2」

    Owl Carousel 2は、美しいレスポンシブなカルーセルスライダ…

  6. CSS Jquery Pie Countdown Timer

    JavaScript

    グラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Time…

    円形によるカウントダウンのタイマーを実装する「CSS Jquery P…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP