progresspieSVG

JavaScript

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

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

progresspieSVG

デモ

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

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

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

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

progresspieSVG

関連記事

  1. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  2. Complexify

    JavaScript

    パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

    Complexifyはユーザーが入力したパスワードの強さを視覚的にフィ…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

  4. Parazoom

    JavaScript

    クールに拡大・チルトする画像ズーム「Parazoom」

    Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj…

  5. t.js

    JavaScript

    タイプライターで文字を入力するようなテキストエフェクトのjQueryプラグイン「t.js」

    t.jsというjQueryプラグインを使えば、タイプライターで文字を入…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり…

最近の記事

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

アーカイブ

PAGE TOP