bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptシンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」JavaScript2015.02.25シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」radialIndicatorはシンプルで美しい円形のインジケーターを実装することができるjQueryプラグインです。数値に合わせて円形バーに色が表示されます。何かの割合や進捗度を伝えたい時によさそうですね。radialIndicatorradialIndicatorの実際のデモは以下で確認することができます。デモこんな感じでボックスに数値を入力するとアニメーション付きで円形バーに色がついていきます。上記は数字だけですが、以下のようにパーセンテージを表示させることもできます。このようにオプションでカラーやパーセンテージの有効・無効を設定したりすることが可能です。true});他にもサークル中央に表示される数字を非表示にしたり、数値の上限と下限を指定することができたりとカスタマイズ性にも優れています。いうわけで、美しいデザインのサークルインジケーターを実装できるradialIndicatorのご紹介でした。SliderというjQueryプラグインを使えばモ...JavaScriptウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」WaveというjQueryプラグインを使ってみました。Extendは動画をチャプターごとに区切った...JavaScriptSVGパスを使った美しいレスポンシブのプログレスバーを実装できるJSライブラリ「ProgressBa...ProgressBar.jsはSVGパスを使ったプログレスバーを実装す...JavaScriptスライドダウン・スライドアップしてコンテンツを整理できるjQueryプラグイン「stacky」stackyというjQueryプラグインを使えばコンテンツをスライドダ...JavaScriptYouTubeやVimeoからの埋め込み動画をレスポンシブにするjQueryプラグイン「FitVid...YouTubeやVimeoからの埋め込み動画をレスポンシブに対応させる...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。