Можно ли изменить высоту на jQuery ui progressbar

У меня есть индикатор выполнения в ячейке таблицы html. Кажется, что он расширяется до ширины ячейки таблицы, но я хочу явно указать высоту индикатора выполнения.

можно ли указать высоту индикатора выполнения jQuery?

    $(this).progressbar({
        value: parseInt($(this).attr("rel"))
    });
6
jquery jquery-ui jquery-ui-progressbar progress-bar

3 ответов

конечно. Есть даже изменение размера индикатора прогресса демо.

слишком фантазии для вас? Просто используйте .height():

$('#progressbar').height(400);

демо:http://jsfiddle.net/mattball/N5AVv/

12

вы также можете использовать эту функцию, которая работает для всех атрибутов css

$("#progressbar" ).css( "maxWidth", "200%" );
2

вам нужно будет отредактировать файл CSS jQuery UI. Это будет выглядеть как

jquery-ui-1.8.17.custom.css

прокрутите вниз (~line 564), и вы увидите следующий атрибут CSS:

.ui-progressbar (...);

измените значение атрибута HEIGHT на то, что вы хотите, сохраните файл и загрузите его на свой сервер. Обновите браузер, и у вас есть настроенный индикатор выполнения.

1