Question

我想要达到的目的是将进度条的宽度设置为100％，因此它与容器的宽度一样宽。

到目前为止我做了什么，我在插件中更改了这一行：

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

对此：

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

然后我在初始化插件时将宽度设置为100。这可行，进度条是100％宽，只有一个问题，应该填充进度条的图像（进度条背景）保持相同的宽度小于条宽并重复自己看起来非常糟糕

我希望这对某人有意义。

如果有任何人对Progress Bar插件有任何了解，请帮助我。

Answer 1

我认为这是一个样式问题，你可能在图像背景样式上有重复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;
 }

希望这会对你有所帮助。