percircle

JavaScript

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

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

percircle

percircle

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

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

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

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

jquery.markキーワードをハイライトしてくれる「jquery.mark」前のページ

YouTube動画をカンタンにループ再生(リピート)する方法次のページYouTube動画をループ再生する方法

最近の記事

  1. クリスマスエスプレッソロースト
  2. シーザーチキン 石窯カンパーニュ
  3. スキャルプ&ヘア リファイニング トリートメント オイル R
  4. ポーレックスの手動ミル
  5. クリスマスブロンドロースト
PAGE TOP