jQuery跟踪图像加载的进度

Question

我的网站上有一些功能，我最初显示静态图像，然后点击时我会显示一个加载图像，直到一个mage变量加载了一个gif，此时我会显示gif。

在这里可以看到很好用 http://www.lazygamer.net/xbox-360/has-watchdogs-been-downgraded-since-e3-2012/

但是，我想要做的是用加载进度更新标签。我在点击事件中尝试了以下内容来更改图像

var img = new Image();
var $el = jQuery(this);
img.onprogress = function(e) {
  if (e.lengthComputable)
    $mydiv.html(e.loaded / e.total * 100);
}
img.src= 'http://myfile.com/test.gif';

但是进步根本不会发射。

我也没有在控制台中出现任何错误，它只是被忽略了？