Плагин JQuery Progress Bar - ширина 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

Я думаю, что это проблема стиля, и у вас, вероятно, есть повтор-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;
 }

Надеюсь, это поможет вам.