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

• 
  上記の方法では、img要素が数点しかなく、
  Canvas・Video等が多数あるサイトでは、
  ページの読み込みとパーセントが上手く連動しません。
• 
  なにか解決策があれば教えて頂けないでしょうか。
  よろしくお願いします。