Счетчик процентов.
 

Дорогие форумчане. Обращаюсь к вам. Я новичок в jQuery и уже все мозки сломал.
делаю полосу загрузки, нашел вот такой код

('#animate').text(($(this).width() / $(this).width() * 100).toFixed(0) + '%');

все вроде понятно, но он выдает постоянно 100% а мне нужно, чтоб в по мере заполнения менялись проценты. помогите плиз.
очень надо.

N/N * 100. конечно будет выдавать 100

А если N=0 :p

а я не говорил об исключениях :no:

так как решить проблемку?

по данным условиям - никак.
можно сымитировать.

$(this).width('+=5').width();

а какие условия должны быть? расскажите пожалуйста по подробнее. может я просто условие какое не задал?
я попробовал как вы сказали. стало 98%. и постоянно. а динамики все равно нет((

как минимум, откуда берется процент загрузки и максимальная ширина прогрессбара.

.border2 {position:absolute;
height:43px;
	width:597px;
	border:#fbe999 1px solid;}
.border1 {position:absolute;
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;
}

вот тут стили к этому HTML

<div class="border1">
               <div class="border2">
                   <div id="animate">
                     
                   </div>
               </div>
           </div>

а откуда берется процент загрузки?

там просто имитация. процент зависит от ширины блока animate. из-за наложенного эффекта он меняется а радительные элементы нет. вот как-то так.

ну тогда и анимируйте его.

проценты... блок animate уже анимирован и работает. а вот проценты не работают((((

Вот посмотри в этой статье написано как можно создать прогресс бар с процентами: http://codomaza.com/script/progress-bar-na-javascript может решение пригодится...

Чет ниче не понял. но все равно спасибо. Может еще что подскажите? Просто хотело бы привязаться к имеющемуся скрипту( а не фигачить заново

Да там все просто - изначально проценты (prNum) равны 0, а потом изменяются на число, на которое и width увеличивается. Когда проценты больше 100, они возвращаются как 100% и функция останавливается.

var a = setInterval (function() {

	divRC.style.backgroundColor = '#F08080';
	prNum+= 6; // в prNum+=  в значение можно подставить любое целое число больше нуля
	pText.innerHTML = "Идет загрузка: "+prNum+" %";
	divRC.style.width = prNum+"px";

		if (prNum >=  100 ) {
			pText.innerHTML = "Загрузка завершена";
			divRC.style.width = 100+"px";
			clearInterval(a);
		}
	},500); // где 500 - это скорость анимации, можно увеличивать или уменьшать

Это функция с того сайта, а в вашем примере надо найти число, с которого анимируется ваш прогресс бар , короче вашу функцию надо глянуть внимательно, а то та строчка, что вы привели это конечный результат что-ли...

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

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

Возник еще вопрос. как сделать так чтобы по окончанию анимации я через какое-то время перешол к скачиванию какого нить файла?

function second_passed() { location='Fireflight - Now .rar'; }
		setTimeout(second_passed, 7000)

такой код почему-то пытается открыть его а не скачать.