Вот HTML самого прогресс бара
div class="border1">
<div class="border2">
<div id="animate">
</div>
</div>
</div>
Вот CSS к нему
.border2 {position:absolute;
height:43px;
width:597px;
border:#fbe999 1px solid;}
.border1 {position:absolute;
background:#ffe264;
top:87px;
height:45px;
left:220px;
width:599px;
border:#f3b717 1px solid;}
#animate {
position:absolute;
background: repeat-x left url(../images/download.png);
height:43px;
width:0px;
font-size:40px;
color:# 000;
font-family:Arial, Helvetica, sans-serif;
}
А вот код который я использовал
$("#animate").animate({
height: "43px",
width: "597px",
},
$('#animate').text(($(this).width()/($(this).width()+5) * 100).toFixed(0) + '%');
И еще вопросик, как мне после этой загрузки заменить прогресс бар на какое нибудь сообщение?