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％寬，只有一個問題，應該填充進度條（進度條背景）的圖像保持相同的寬度，該寬度小於條寬並重復自身，看起來很糟糕。

我希望這對某人有意義。

如果有人對Progress Bar插件有任何經驗，請幫助我。

Answer 1

我認爲這是一個樣式問題，您可能在圖像背景樣式上有repeat-x，這就是重複的原因，可能您需要製作更大的圖像或設置不同類型的背景（如顏色）。

我覺得你的CSS應該是這個樣子：

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

，所以你可能需要刪除以下行，這將防止圖像被重複翻過爲你的元素增長。

background-repeat:repeat-x; 

或改變它的：如果你想用戶相比，圖像，它可能會是像其他

background-repeat:no-repeat; 

所以：

bar{ 
     background-color:#EEEFFF; 
} 

希望這有助於你。