jQueryのプログレスバーのプラグイン - 100％の幅再び

Question

私はこのプラグインに関する質問があります：http://t.wits.sg/2008/06/20/jquery-progress-bar-11/

私が達成したい何それはであるコンテナと同じ幅になるように100％にプログレスバーの幅を設定することです。

私がこれまで行っている何を、私はプラグインで、この行を変更した。これに

$bar.css("width",config.width+"px"); 

を：

$bar.css("width",config.width+"%"); 

そして、私はプラグインを初期化するときに幅を100に設定します。それはうまくいく、プログレスバーは100％幅で、ただ一つの問題がある、プログレスバー（プログレスバーの背景）を埋めると思われる画像は、バーの幅よりも小さく、 。

私はこれが誰かにとって意味をなされることを望みます。

誰かがプログレスバーのプラグインを使用している場合は、私に手伝ってください。

Answer 1

これはスタイル上の問題だと思うし、画像の背景スタイルにrepeat-xが含まれているので、おそらくより大きな画像を作成するか、ちょうど色のような背景を設定する必要があります。

私はあなたのCSSはこのようなものになるはずだと思う：

bar{ 
     background-image:url('mybackground.gif'); 
     background-repeat:repeat-x; //or just background-repeat:repeat 
} 

ので、あなたの要素の成長に合わせaccross重複する画像を防ぐことができます次の行を削除する必要があるかもしれませんが。

background-repeat:repeat-x; 

かのためにそれを変更します。

bar{ 
     background-color:#EEEFFF; 
} 

希望これは、次のことに役立ちます。

background-repeat:no-repeat; 

あなたがその画像以外のユーザーにしたいのであれば、それはおそらくのようなものである可能性があります。