jQueryプログレスバーが正しく記入されていません

Question

私はsignalrを使用して、長時間実行しているプロセスに対しては％completeを、ブロードキャストにはプログレスバーを更新するためにjQueryを使用します。プログレスバーのArea-Valueは、期待どおりに更新されますが、境界を100％の幅に固定したままバーを進める方法を知ることはできません。

基本的に、プログレスバーの枠線と塗り幅は、塗りの代わりに増加します。それは理にかなっていますか？ 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>

Answer 1

私はあなたが('#progress-bar')に$を追加することを忘れだと思います。 JsFiddle： here

Answer 2

こんにちは、これは、それはあなたがいけない場合uが独自の値を指定することができます内側のように、ちょうど

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

機能を置き換えるの100％を実行したいhttp://jsfiddle.net/neodescorpio/NAs3V/

あなたに有用であろうチェック