jquery - 是否可以更改 jquery ui 进度条上的高度

Question

我在 html 表格单元格中有一个进度条。它似乎扩展到表格单元格的宽度，但我想明确指定进度条的高度。

是否可以指定 jQuery 进度条的高度？

    $(this).progressbar({
        value: parseInt($(this).attr("rel"))
    });

Answer 1

当然是的。甚至还有一个可调整大小的进度条演示。

对你来说太花哨了吗？只需使用.height()：

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

演示：http: //jsfiddle.net/mattball/N5AVv/

Answer 2

您还可以使用适用于所有 css 属性的此功能

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

Answer 3

您将需要编辑 jQuery UI CSS 文件。它看起来像

jquery-ui-1.8.17.custom.css

滚动到底部（~第 564 行），您将看到以下 CSS 属性：

.ui-progressbar (...);

将 HEIGHT 属性值更改为您想要的任何值，保存文件并将其上传到您的服务器。刷新您的浏览器，您就有了自定义的进度条。