プログレスバーの実装もこれなら簡単！複数ファイルにも対応した超軽量JavaScriptライブラリ -preload-it | コリス

2018/11/08 58 users コリス 実装 1KB JavaScriptライブラリ 超軽量

動画ファイル、音楽ファイル、画像ファイルなど、大容量のファイルを使用したコンテンツでは、プログレスバーがあると非常に便利です。さまざまなタイプのファイルをプリロードするための超軽量（1kb）JavaScriptライブラリ...記事の続きを読む 続きを読む

ロード時のスピナーとプログレスバー、どう使い分ける？ | UX MILK

2017/01/16 53 users スピナー UX MILK ロード時

この記事はUX Movementからの翻訳転載です。配信元または著者の許可を得て配信しています。 UX Movement - Progress Bars vs. Spinners: When to Use Which (2016-11-15) お店で誰かに商品の場所を尋ねたとして、その相手がただそこに立ったままだったとしたらどう思うでしょうか。きっとイライラして、その場を立ち去りますよね。同じよう... 続きを読む

高機能ファイルアップロードjQueryプラグイン｜ドラッグ＆ドロップ、プログレスバー、オーディオ、ビデオ、各種ファイルサポート対応*ホームページを作る人のネタ帳

2015/09/18 278 users インターフェ オーディオ プログレスバー付き ビデオ ネタ帳

高機能ファイルアップロードjQueryプラグイン｜ドラッグ＆ドロップ、プログレスバー、オーディオ、ビデオ、各種ファイルサポート対応 2015/09/18 ツイート スポンサーリンク ドラッグ＆ドロップ対応、プログレスバー付き、各種ファイル以外にも、オーディオとビデオのサポートと、非常に優れた高機能ファイルアップローダーを実装出来る、jQueryプラグインのご紹介です。 高機能で美しい インターフェ... 続きを読む

[iOS][Swift] MBCircularProgressBar で円形のプログレスバーを実現！ ｜ Developers.IO

2015/08/03 70 users Swift 円形 Developers.IO 実現

上記の「バーが表示されていない部分」とは、たとえば percent が 40.0（％） の場合、残りの 60.0（%） 部分の事を表しています。 ひとまず、どんなグラフが実現できるのかを試すため、各プロパティに数値を入れてみましょう。 例えば、こんな数値を入力すると、こんなグラフが表示されました！いい感じです！ もちろん、これらのプロパティの値はコードから直接変更することができます。 コードとSt... 続きを読む

Bootstrapにモダンな機能を追加してくれるjQueryプラグイン「Smoke」:phpspot開発日誌

2015/05/25 60 users Smoke Bootstrap jQueryプラグイン 通知

Bootstrapにモダンな機能を追加してくれるjQueryプラグイン「Smoke」 2015年05月25日- Smoke Bootstrapにモダンな機能を追加してくれるjQueryプラグイン「Smoke」 フォームのバリデートや通知、モダンなプログレスバー、フルスクリーン機能、パネル等の機能を追加できます。 より今っぽいサイトを作るのに役立ちそうなプラグインなのでBootstrapを使う人は知... 続きを読む

ポートに差し込むだけで即座にコンピュータをハックする悪魔のUSB登場―BadUSB脆弱性がいよいよ現実化 - TechCrunch

2014/12/18 58 users TechCrunch 即座 ボート われら コンピュータ

いそげ！　敵のボスは部屋を出た。われらがスーパーヒーローはコンピュータに何やら神秘的なデバイスを接続する。ディスプレイには刻々と伸びていくプログレスバーが映しだされるので観客にはすべてが順調であることがわかる。 これはスパイアクション映画の定番だが、このとおりのデバイスは存在可能だし、YouTubeビデオによると、ある有名ハッカーが実際に制作したという。 Samy Kamkarは、2006年にMy... 続きを読む

Node.js - CLIでプログレスバーみたいのを出力する - Qiita

2014/05/07 61 users Qiita CLI node.js

コマンドラインのツールつくるときとかに、ダウンロード中の進捗をパーセントで表示したかったんだけど、表示をクリアして再描画する方法がわからなかったので調べた。 \rで現在の行をクリアできるらしい。 rubyなら 100.times do |num| print "working... #{num}%\r" sleep 0.05 STDOUT.flush end 続きを読む

アニメーション表示のプログレスバーをどうすれば体感速度がアップするのかが判明 - GIGAZINE

2013/09/19 134 users GIGAZINE 進捗度合い ソフトウェア 体感速度 判明

ファイルをダウンロードする時やソフトウェアをインストールする際によく目にするのが進捗度合いを示すプログレスバーですが、このプログレスバーの表示にアニメーション効果を加えることで、処理の体感速度を実際よりも早く感じさせる効果があることがわかりました。 ProgressBarsVisualCHIv15CAMERA1 - ProgressBarsHarrison.pdf (PDFファイル) http:/... 続きを読む

UIWebViewにプログレスバーを出すためのモジュールを作りました - ninjinkun's diary

2013/04/22 111 users ninjinkun UIWebView プログレス ロード

2013-04-22 UIWebViewにプログレスバーを出すためのモジュールを作りました ninjinkun/NJKWebViewProgress · GitHub UIWebViewにはロードのプログレスを取れるインターフェイスがありません。恐らく内蔵ブラウザを抱えるアプリを作る開発者はみんな困っているはず。少なくとも自分はずっと困っています。いつか実装されるかなと気長に待っていたのですが、い... 続きを読む

プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」:phpspot開発日誌

2011/07/13 60 users jQueryプラグイン phpspot開発日誌 ユーザ

プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」 2011年07月13日- Extended Progress Bar プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」。 プログレスバーは処理中に表示することでユーザのストレスを軽減することが出来ますがそんなプログレスバーを実... 続きを読む

[JS]入力するのが楽しくなる、アニメーション機能を伴ったフォームを作成するチュートリアル | コリス

2011/04/07 136 users コリス チュートリアル アニメーション機能 アニメーション

jQueryとCSS3を使って、複数のステップをアニメーションで次々に表示するフォームを実装するチュートリアルを紹介します。2枚目のフォーム フォームの進捗状況は、下部のプログレスバーに表示されます。 ※個人的には%でなく、2/4が分かりやすいと思います。フォームの実装HTML：基本構造フォームの基本構造は、4つのステップをそれぞれdiv要素に格納します。 続きを読む

プログレスバー　　無料サービス「Preloaders.net」 - GIGAZINE

2009/02/02 219 users プリローダー GIGAZINE Ajax Flash おなじみ

AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってで... 続きを読む

ロードインジゲータ表示を簡単に実装するJavaScript （protoload.js） - youmos

2007/07/11 107 users youmos インジケータ Ajax HTMLヘッダ 処理

Ajaxなど非同期処理やタイマーイベントを利用して、コンテンツ上で処理を行う際にロードインジケータやプログレスバーなどのアニメーション表示がわかりやすい。インジケータの表示処理を簡単に実装出来るようにしてくれるのがprotoload.js。 インジケータの表示開始と終了をJavaScriptで呼び出せばよいので非常に簡単に利用できる。利用するにはHTMLヘッダなどでprotoload.jsを呼び出... 続きを読む

GIGAZINE - AJAXを使ったファイルアップローダ「Uber Uploader」

2006/05/13 120 users Ajax GIGAZINE ファイルアップローダ 順次 デモ

ファイルのアップロードすると中継かをプログレスバーで順次表示するわけです。アップロード後も画面遷移することなくAJAXで結果を表示するわけで。そういうことをするのに役立つのがオープンソースで開発されている「Uber Uploader」というわけ。 実際のデモを体験すればどういうことができるかよく分かります。 CakeTimer - Demo Page | An Ajax file uploads ... 続きを読む

テキストによるプログレスバーを実現するライブラリ ProgressText.js

2005/11/14 85 users テキスト

その2 new ProgressText('target2', '|', '', '|', 40, 100); スタート・ストップ その3 new ProgressText('target3', 'o', 'rz', '<span style=margin-left:1px;></span>', 100, 50); ', 100, 50); if (progressObj3.isMoving() ... 続きを読む