@nqounetです。

サクッと(?)nanobarのサンプルを作ってみました。

ついでというにはあまりにも

あくまでついでに、全てのサンプルページの読み込み状況をそれっぽく表示するようにしました。

途中、よくわからないエラーで少し悩まされましたが些細な事です。

あくまでそれっぽく、ですので、実際の状況は把握していません。

nanobarは100に設定した瞬間ではなく、現在の状態から満タンにアニメーションしてから消えるので、ほぼ0の状態からでもそれっぽく見えます。

nanobar.jsをまず読み込んで、何かのイベントが発生するごとにプラスしていくだけでもそれっぽく見えるのは、やはりアニメーションで補完されているからでしょうか。

全体がロードされた(タイミングで言えばwindow.onload)時に100にしているので、完全にロードされるまでは消えない仕様です。

参考になる資料