2

我再次对这个插件有疑问：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% 宽，只有一个问题，应该填充进度条的图像（进度条背景）保持相同的宽度，小于条的宽度并重复自身，这看起来很糟糕.

我希望这对某人有意义。

如果有人对进度条插件有任何经验，请帮助我。

4

1 回答 1

2

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

希望这对您有所帮助。

于 2009-07-20T21:56:00.697 回答