JavaScript

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

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

[ads_center]

ProgressBar.js

ProgressBar.js

ProgressBar.js

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

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

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

フォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLabels.js」前のページ

垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits」次のページTV Credits

関連記事

  1. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  2. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  3. CSS3 Menu Slider
  4. Simple Easy Slider

    JavaScript

    美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」

    Simple Easy Sliderは美しいフェードアニメーションによ…

  5. countdownCube

    JavaScript

    3Dキューブのように回転するカウントダウンタイマーを実装できる「countdownCube」

    countdownCubeは3Dキューブのようにクルッと回転するカウン…

  6. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP