2012-08-14 4 views
0

내 코드는 백분율을 계산하고 style.width로 전달하여 진행률 표시 줄의 너비를 설정하도록 설계되었습니다.진행 표시 줄 너비

JQuery와

$(document).ready(function() { 
var width=(1/5*100); 
$('#progress_bar').css('width','=width + "%"'); 
}); 

<div id="progress_bar" style="height:1em; background:red; display:block;"></div> 

두 번째로 누군가가 나에게이 작업을 얻을하는 데 도움이 날 곳을 보여주십시오 여분의 수 HTML : 난 그렇게 나쁜 코드에 대한 사과, 초보자입니다 나는 이것으로부터 배울 수 있도록 잘못되었습니다.

http://jsfiddle.net/SyxAM/

+0

왜 jQuery를에 계산 하시겠습니까? 다음과 같이 직접 CSS를 사용할 수 있습니다. #progress_bar { 너비 : 20 % } –

+0

@ HarshithJ.V. 페이지가 일련의 애셋을 삭제할 때 진행 막대가 애니메이션으로 표시됩니다. 진행되는 동안 var 너비가 변경됨에 따라 진행률이 증가합니다. (1/5 * 100), (1/4 * 100), (1/3 * 100) 등 –

답변

2

문자열 '=width + "%"'는 CSS 파라미터의 값이 될 수 없다.

당신은 아마이 문제를 해결할 수

$('#progress_bar').css('width', width + "%"); 
+0

고마워요, 고쳐졌습니다. 구두점이 var를 멈추고 값으로 취급하는 것을 볼 수 있습니다. 고맙습니다 :) –

1

를 원

var width=(1/5*100); 

$('#progress_bar').css('width',width + "%"); 

1

귀하의 변수 추기 wrong.It은 다음과 같이해야했다;

$(document).ready(function() { 
var width=(1/5*100); 
$('#progress_bar').css('width', width + "%"); 
}); 

당신은 여기에서 볼 수 있습니다 http://jsfiddle.net/SyxAM/2/