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. JavaScript

    チルトシフト効果でミニチュア風の写真に仕上げてくれるjQueryプラグイン「tiltShift.js…

    指定した画像にチルトシフト効果をプラスしてミニチュア風にしてくれるjQ…

  2. Micromodal.js

    JavaScript

    アクセシブルで軽量なモーダルダイアログを実装できる「Micromodal.js」

    Micromodal.jsは、アクセシブルでファイル容量も軽量なモーダ…

  3. Bara-Bones-Slider

    JavaScript

    優れたカスタマイズ性を有するjQueryスライダー「Bara-Bones-Slider」

    Bara-Bones-Sliderは、優れたカスタマイズ性を有するイメ…

  4. no-image
  5. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP