progresspieSVG

JavaScript

円形のプログレスバーを実装できる「progresspieSVG」

progresspieSVGは円形のプログレスバーを実装できるjQueryプラグインです。円形アイコン(プログレスバー)の横にパーセンテージを表示させたりすることができます。また、パーセンテージの大きさに合わせて円形バーが変化します。

progresspieSVG

デモ

デモではさまざまなカラーをしたアイコンがたくさんあります。そのほかオプションもいろいろと用意されているので、カスタマイズ性もかなり高いです。

パーセンテージの数値が増えることで徐々に円のかたちを形成させることもできます。

また、ボタンをクリックすると円形プログレスバーによる時間のカウントダウンが始まり、それに合わせてパーセンテージの円形プログレスバーが表示されるデモも用意されています。

優れたカスタマイズ性を備えた円形プログレスバーを実装したい方は、ぜひチェックされてみてはいかがでしょうか。

progresspieSVG

FModal.JSシンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」前のページ

Lightroomのかすみ除去が山などの風景写真にとても役立つ次のページLightroomのかすみ除去

関連記事

  1. Lity

    JavaScript

    超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」

    Lityは、超軽量でアクセシブル・レスポンシブなLightboxプラグ…

  2. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  3. Jquery modal box plugin
  4. lory

    JavaScript

    タッチ対応でカルーセルにもできるミニマルなJS(jQuery)スライダー「lory」

    loryはタッチに対応したミニマルなデザインが特徴的なスライダーを実装…

  5. Rainbow.js
  6. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP