Barra de progresso semelhante ao YouTube
Eu estou tentando fazer uma barra de progresso semelhante ao YouTube. A barra deve carregar na inicialização da página. Eu tentei isso até agora. Aqui está o código do meu script
$({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');
}
});
Eu também estou incluindo ojsFiddle do mesmo,http://jsfiddle.net/ajaSB/3/.
Neste jsfiddle, a barra de progresso aparece, mas quando eu uso o mesmo código no meu IDE e executo o arquivo, nenhuma barra de progresso aparece. O que estou fazendo de errado? Ou se existe outro jeito de pegar o bar?