Barra de progreso tipo YouTube
Estoy tratando de hacer una barra de progreso similar a YouTube. La barra debe cargarse al inicio de la página. He intentado esto hasta ahora. Aquí está el código de mi guión.
$({property: 0}).animate({property: 105}, {
duration: 4000,
step: function() {
var _percent = Math.round(this.property);
$('#progress').css('width', _percent+"%");
if(_percent == 105) {
$("#progress").addClass("done");
}
},
complete: function() {
alert('complete');
}
});
También estoy incluyendo eljsFiddle de la misma,http://jsfiddle.net/ajaSB/3/.
En este jsfiddle, aparece la barra de progreso, pero cuando uso el mismo código en mi IDE y ejecuto el archivo, no aparece la barra de progreso. ¿Qué estoy haciendo mal? ¿O si hay otra forma de conseguir el bar?