2013-10-10 2 views
2

다운로드 된 퍼센트 파일을 기반으로 업데이트되는 변수가 있습니다. 진행률 표시 줄을 업데이트하려면 어떻게해야합니까?변수에서 진행률 막대 값을 설정하십시오.

var percent = (len/res.headers['content-length']) * 100; 

나는 아무 소용이 시도했다 :

<progress class="progress"></progress> 

$('.progress').val = percent; 

답변

7

당신은 .val(newValue)의 세터를 사용하여 값을 설정해야합니다. val 그냥 함수 참조를 제공합니다, 당신은 변수 백분율의 값으로 재설정하고 실제로 값으로 할당하지 않습니다.

변경

$('.progress').val = percent; 

$('.progress').val(percent); 

에 당신은 또한 $('.progress')[0].value = percent을 할 수 있습니다. 아마도 그것은 당신이 염두에 두었던 것입니다. 그러나 jquery의 val이 함수로 사용됩니다 (getter, setter와 같은 기능).

진도 요소가 0.0에서 1.0까지의 값 또는 최대 속성 (있는 경우) 값을 취하는 것을 기억하십시오. 당신이 잘못된 방식으로 제공하고 있습니다

+0

OK 덕분에 .. 진행 표시 줄이 거의 즉시 100 %로 이동합니다. 이것을 제어 할 무언가가 있습니까? –

+0

@ Jrags87이 예제를 참조하십시오. http://jsfiddle.net/ZFcrZ/ 최대 속성을 갖지 않으므로 할당하려는 값이 0.0에서 1.0까지인지 확인해야합니다. 그렇지 않으면 최대 값을 100으로 설정하거나 필요하다고 생각되는 숫자를 설정하십시오. – PSL

+1

알았습니다! 고마워. 나는 최대 = 100을 더할 필요가 있었다. –

1

$('.progress').val(percent); 

처럼 볼 줄

$('.progress').val(percent); 

HTML

<progress class="progress" value="10" max="100"></progress> 

Fiddle

0
Your method is wrong in jquery you need to write like this: 

$('.progress').val(percent);