ToProgress.js ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」 バー表示に必要なAPIはそろっていて、シンプルですが便利に使えそうです 関連エントリ サイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」 アニメーションするPOPなデザインのプログレスバー実装jQueryプラグイン「jQMeter」 フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」 アニメーションするプログレスバーを実装できるjQueryプラグイン「barIndicator」 スクロール位置がヘッダのプログレスバーで分かるようにする「Scrolline.js」 パーセンテージをプログレスバーでビジュアライズできる「barIndicator」
anthonyly/Scrolline.js GitHub スクロール位置がヘッダのプログレスバーで分かるようにする「Scrolline.js」。 横にスクロールするとモダンな感じでプログレスバーが伸びていき、どのぐらい読んだかが分かる、というもの。 長文テキスト系サイトで使えそうです。 関連エントリ 完璧なスクロールバーを実現できるjQueryプラグイン「perfect-scrollbar」 スクロールに連動してアニメーションやパララックス効果が作れる「ScrollMagic」 ページスクロールに応じて要素を様々にCSSアニメーションしつつ表示できる「Story Box」 迫力のあるページ切り替えが可能なマルチスクロール効果実装「multiscroll.js」
Category : Css | Author : Chtiwi Malek | First posted : 11/27/2012 | Updated : 9/26/2017 Tags : animation, bar, progress, css3, loading, css Loading animations and progress bars are really important to keep users informed about the progress of the task, I developed many JavaScript-based animations years ago, but I decided to switch to Css3. For this tutorial I decided to make an animated progress
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く