percircleはCSSによるパーセンテージのサークルを実装できるjQueryプラグインです。ホバーでアニメーションしたりカラーやサイズを設定したりとカスタマイズして使うことも可能です。パーセンテージの値を数字だけではなく円形バーでも示してくれるので非常にわかりやすいですね。
percircle
percircleのダウンロードや詳しい使い方、デモなどは以下のページからどうぞ。
サークルにホバーすると数値に色がつき拡大するアニメーションのデモなどが用意されています。サークルの中心にはパーセンテージの数値以外にもテキストや時間を表示させることもできます。
カラーやサイズも変更できるほか、アニメーションのオン・オフも可能なので、自分好みにカスタマイズして使いたい方にもピッタリかと思います。
使い方もシンプルでわかりやすいのがいいですね。
というわけで、カスタマイズもできる円形バーを実装したいという方は、ぜひチェックしてみてください。
