Отслеживание прогресса кэширования изображений?

Здравствуйте!

Есть следующий код на javascript:

function preloadImages(array) {
        if (!preloadImages.list) {
            preloadImages.list = [];
        }
        for (var i = 0; i < array.length; i++) {
            var img = new Image();
            img.src = path+array[i];
            preloadImages.list.push(img);
        }
    }

Приведенный код создает массив изображений на основе массива путей к изображениям. Таким образом происходит кэширование изображений в объектной модели страницы. Далее можно у элемента-изображения на странице быстро перебирать атрибут src, подставляя путь из первичного массива, создавая тем самым эффект анимации.


Вопрос: как отследить в определенный момент времени, сколько изображений уже загрузилось браузером. в общем, нужно отобразить прогресс-бар загрузки изображений в кэш.


Спасибо за советы.