jQuery progressbar не заполняется должным образом

Question

Я использую signalr для трансляции% complete для продолжительного процесса и jQuery для обновления панели прогресса, а также отображения количества элементов x из x. Area-valuenow индикатора выполнения обновляется, как и ожидалось, но я не могу понять, как заставить планку продвигаться вперед, одновременно сохраняя границу фиксированной на 100% ширины.

В принципе, граница progressbar и ширина заполнения увеличиваются вместе, а не просто заполняются. Имеет ли это смысл? Я пробовал подавать значение ширины в span вместо div, но когда я это делаю, ничего не происходит. Кроме того, мой бар прогрессирует в обоих направлениях!

Что я здесь делаю неправильно?

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>

Answer 1

Я думаю, что вы забыли добавить $ на ('#progress-bar'). JsFiddle: here

Answer 2

Привет проверить это будет полезно для вас http://jsfiddle.net/neodescorpio/NAs3V/

если вы не хочет работать на 100% только заменить функцию

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

так внутри и можно указать собственное значение