jQuery 진행률 표시 줄 진행 표시 안 함

-4

이 Jquery 진행률 표시 줄 기능을 찾았는데 웹 페이지가로드되는 동안 진행률 표시 줄을 표시하는 데 사용하고 싶습니다. 실제로 코드와 이미지가 포함되어 있습니다. 진행률 막대의 백분율 진행 상황이 표시되지 않음 progress image jQuery 진행률 표시 줄 진행 표시 안 함

도와주세요. 이미지를 추가했습니다.

출처

2013-05-21 Madhavan NR

http://jsfiddle.net/RUBSx/1/ –

나는이 피들을 따랐다 –

$ ("# progress_bar") progressBar (진행, {barImage : 'inc/img/unselected.jpg'}); –

너비가 150px, 높이가 15px 인 div를 만듭니다. 그런 다음 DIV 내에서 200ms마다 또는 업데이트되므로 타이머를 만들고, 그 다음 15 픽셀의 높이하지만 처음

<div style="height:15px; width:150px; background-color:white; "> 
    <div style="height:15px;width:0; background-color:blue; "></div> 
</div>

의 폭과 다른를 작성하고 진전에 따라 내부 DIV 업데이트의 폭 . 폭은 (% 완료) * 150px가됩니다.

출처

2013-05-21 13:59:52

0px 대신 0elephants 또는 0obamas를 사용해야합니다. 그것은 똑같은 것을 의미합니다. (0을 쓰면 아무 의미가 없습니다!) –

그래, 미안하지만, @DerekHenderson을 서둘 렀어. 당신은 이미 3 'px를 타자 할 때 이미 습관에 빠져 있습니다. –

실제로 플러그인 자체가 배경과 앞면을 처리합니다. 내 문제는 백분율 값만큼 완벽하게 채우지 않는 이미지입니다. 브라우저 호환성 문제입니다. IE9 –

jQuery 진행률 표시 줄 진행 표시 안 함

답변

관련 문제