Показать сообщение отдельно
  #18 (permalink)  
Старый 20.04.2012, 00:26
Интересующийся
Отправить личное сообщение для Feboll Посмотреть профиль Найти все сообщения от Feboll
 
Регистрация: 19.04.2012
Сообщений: 11

Вот 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) + '%');


И еще вопросик, как мне после этой загрузки заменить прогресс бар на какое нибудь сообщение?

Последний раз редактировалось Feboll, 20.04.2012 в 00:29.
Ответить с цитированием