progresspieSVG

JavaScript

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

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

progresspieSVG

デモ

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

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

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

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

progresspieSVG

関連記事

  1. no-image

    JavaScript

    シンプルなイメージスライダーとカルーセルを実装できる「SkySlider」

    SkySliderはシンプルで軽量、そしてレスポンシブにも対応したイメ…

  2. no-image

    JavaScript

    さまざまなSVGパターンによるCSSプログレスバー「Bars」

    Barsはさまざまな種類のSVGパターンによるCSSプログレスバーを実…

  3. tsorter

    JavaScript

    テーブルにソート(並べ替え)機能を実装できる「tsorter」

    tsorterは、JavaScriptを用いてHTMLテーブルにソート…

  4. Drift

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

  5. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  6. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP