progresspieSVG

JavaScript

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

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

progresspieSVG

デモ

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

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

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

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

progresspieSVG

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

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

関連記事

  1. jQuery cardslider

    JavaScript

    カードをスライドさせるようにコンテンツを表示できる「jQuery cardslider」

    jQuery cardsliderは、コンテンツをカードのように表示し…

  2. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  3. jQuery Countdown

    JavaScript

    手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」

    jQuery Countdownは手軽に使えるカウントダウンタイマーを…

  4. Dialogify

    JavaScript

    カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

    Dialogifyはカスタマイズできるダイアログやライトボックスなどを…

  5. JavaScript

    レスポンシブで横スクロールやキーボード操作も可能なjQueryギャラリー「Portfoliojs」

    ポートフォリオなどでとても素敵なイメージギャラリーを実装することができ…

  6. JavaScript

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP