jQueryでページ読み込み時のローディングバーを表示したいのですが、
参考サイトを調べていると、ページ内のimg要素がどれだけ読み込まれたかで読み込まれたパーセントを取得しているものしか見つけられませんでした。

上記の方法では、img要素が数点しかなく、
Canvas・Video等が多数あるサイトでは、
ページの読み込みとパーセントが上手く連動しません。

なにか解決策があれば教えて頂けないでしょうか。
よろしくお願いします。

ちなみに参考にしたサイトは下記になります。
http://webrocketsmagazine.com/entry/20111116/how-to-code-preloader-width-jquery.html
http://www.dsm-update.info/javascript/337/