Tengo varios elementos que necesito cargar antes de que el usuario tenga control sobre la página (principalmente imágenes, videos y audio). Actualmente, los estoy cargando con la función $ .when (), así:

//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...
});

¿Hay alguna forma de crear una barra de carga que muestre el progreso (en porcentaje) de todos los elementos que se cargan en segundo plano? Como lo que sucede en la mayoría de los sitios flash con medios pesados, por ejemplo:http: //www.saizenmedia.com/nightwishsite

¿Se puede hacer solo con jQuery o Javascript?

¡Gracias por adelantado