Tenho vários elementos que preciso carregar antes que o usuário tenha controle sobre a página (principalmente imagens, vídeos e áudio). Atualmente, estou carregando-os com a função $ .when (), assim:

//all elements are hidden, except for a black background and
//a "loading" gif in the middle.

$.when($.ajax("video1.ogv"), $.ajax("video2.ogv"), $.ajax("videoN.ogv"))
.then(function () {
   //show the site with all the content preloaded...
});

Existe alguma maneira de criar uma barra de carregamento que mostre o progresso (em porcentagem) de todos os elementos carregados em segundo plano? Como o que acontece na maioria dos sites em flash com mídia pesada, por exemplo:http: //www.saizenmedia.com/nightwishsite

Pode ser feito exclusivamente com jQuery ou Javascript?

Desde já, obrigado