percircle

JavaScript

カスタマイズもできるパーセンテージのサークル実装「percircle」

percircleはCSSによるパーセンテージのサークルを実装できるjQueryプラグインです。ホバーでアニメーションしたりカラーやサイズを設定したりとカスタマイズして使うことも可能です。パーセンテージの値を数字だけではなく円形バーでも示してくれるので非常にわかりやすいですね。

percircle

percircle

サークルにホバーすると数値に色がつき拡大するアニメーションのデモなどが用意されています。サークルの中心にはパーセンテージの数値以外にもテキストや時間を表示させることもできます。

カラーやサイズも変更できるほか、アニメーションのオン・オフも可能なので、自分好みにカスタマイズして使いたい方にもピッタリかと思います。

使い方もシンプルでわかりやすいのがいいですね。

というわけで、カスタマイズもできる円形バーを実装したいという方は、ぜひチェックしてみてください。

関連記事

  1. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  2. mgGlitch

    JavaScript

    グリッチ効果を付けれるjQueryプラグイン「mgGlitch」

    mgGlitchは、CSS3の変換を利用して指定した要素にアニメーショ…

  3. Parallax Slider with jQuery
  4. respontent

    JavaScript

    様々なコンテンツをレスポンシブにしてくれるjQueryプラグイン「respontent」

    respontentというjQueryプラグインを使えば、画像・You…

  5. no-image

    JavaScript

    レスポンシブ対応の超軽量なjQueryイメージスライダー「tinyslide」

    tinyslideはレスポンシブに対応した超軽量なイメージスライダーを…

  6. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

最近の記事

  1. iPhone 11 ProとApple Watch Hermès
  2. cheero Energy Plus mini Wireless 4400mAh
  3. cheero 2 port PD Charger
  4. 台座と紅葉
  5. ニルヴァーナ バターチキンカレー

アーカイブ

PAGE TOP