percircle

JavaScript

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

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

percircle

percircle

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

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

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

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

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

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

関連記事

  1. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

  2. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  3. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  4. dndod

    JavaScript

    依存性のないシンプルで簡単なモーダルライブラリ「dndod」

    dndodはjQueryなどへの依存性のないシンプルで簡単なJavaS…

  5. nanoGALLERY
  6. jquery-base-slider

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP