jQuery progressbar가 제대로 채워지지 않음

나는 signalr을 사용하여 장시간 실행중인 프로세스에 대해 % complete를 브로드 캐스트하고 jQuery를 사용하여 progressbar를 업데이트하고 x의 항목 수 x를 표시합니다. 진행률 표시 줄의 영역 값이 예상대로 업데이트되지만 경계를 100 % 너비로 고정하는 동안 막대를 진행하는 방법을 파악할 수 없습니다.jQuery progressbar가 제대로 채워지지 않음

기본적으로 진행률 표시 줄의 테두리와 채우기 너비가 채우기 대신 함께 증가합니다. 말이 돼? div 대신 span에 너비 값을 넣으려고했으나 아무 일도 일어나지 않습니다. 또한, 내 바는 양방향으로 진행 중입니다!

내가 뭘 잘못하고 있니?

function progress(pctDone, imported, rowCount) { 
 
     $('#progress-bar') 
 
      .progressbar({value: pctDone}) 
 
      .text(imported + " of " + rowCount); 
 
     $('#progress-bar').css('width', pctDone + '%'); 
 
    }

.progressbar { 
 
    background-color: #86b5e1; 
 
    height: 25px; 
 
    padding: 5px; 
 
    width: 250px; 
 
    margin: 10px 0; 
 
    border-radius: 5px; 
 
    border:1px solid black; 
 
} 
 

 
.progressbar span { 
 
    display: inline-block; 
 
    height: 25px; 
 
    border-radius: 3px; 
 
}

<div class="progressbar" id="progress-bar" > 
 
    <span style="width: 0%"></span> 
 
</div>

출처

2016-06-17 scowndrel

난 당신이 ('#progress-bar')에 $을 추가하는 것을 잊지 생각합니다. JsFiddle : here

출처

2016-06-17 03:23:17

죄송합니다.이 게시물을 만들면 죄송합니다. 복사/붙여 넣기에 실패했습니다. 내 코드에는 $ – scowndrel

안녕 당신에게 유용이를 확인 http://jsfiddle.net/neodescorpio/NAs3V/

당신은 u는 자신의 값을 지정할 수 있습니다 내부

function progress() { 
      progressbar.progressbar("value", 50); 
     }

그래서 그냥 기능을 대체 100 %를 실행하고 싶은 해달라고

출처

2016-06-17 03:29:16

jQuery progressbar가 제대로 채워지지 않음

답변

관련 문제