percircle

JavaScript

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

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

percircle

percircle

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

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

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

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

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

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

関連記事

  1. Multi-level push menu
  2. Image Tilt Effect

    JavaScript

    画像にチルトエフェクトをかけることができる「Image Tilt Effect」

    Image Tilt Effectは画像にチルトエフェクトをかけたちょ…

  3. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  4. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

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

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  6. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP