Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Счетчик процентов. (https://javascript.ru/forum/jquery/27637-schetchik-procentov.html)

Feboll 19.04.2012 21:58

Счетчик процентов.
 
Дорогие форумчане. Обращаюсь к вам. Я новичок в jQuery и уже все мозки сломал.
делаю полосу загрузки, нашел вот такой код
('#animate').text(($(this).width() / $(this).width() * 100).toFixed(0) + '%');


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

melky 19.04.2012 22:09

Цитата:

Сообщение от Feboll (Сообщение 169958)
Дорогие форумчане. Обращаюсь к вам. Я новичок в jQuery и уже все мозки сломал.
делаю полосу загрузки, нашел вот такой код
('#animate').text((*!*$(this).width() / $(this).width() * 100*/!*).toFixed(0) + '%');


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

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

Раед 19.04.2012 22:12

Цитата:

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

А если N=0 :p

melky 19.04.2012 22:14

Цитата:

Сообщение от Раед (Сообщение 169961)
А если N=0 :p

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

Feboll 19.04.2012 22:17

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

melky 19.04.2012 22:19

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

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

Feboll 19.04.2012 22:22

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

melky 19.04.2012 22:28

Цитата:

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

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

Feboll 19.04.2012 22:30

.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>

melky 19.04.2012 22:45

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


Часовой пояс GMT +3, время: 02:42.