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

【问题标题】：Is it possible to change the height on a jquery ui progressbar是否可以更改 jquery ui 进度条上的高度
【发布时间】：2011-06-01 22:37:23
【问题描述】：

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

可以指定jQuery进度条的高度吗？

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

【问题讨论】：

【解决方案1】：

当然是。甚至还有resizable progress bar demo。

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

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

【讨论】：

【解决方案2】：

你也可以使用这个适用于所有 css 属性的函数

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

【讨论】：

【解决方案3】：

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

jquery-ui-1.8.17.custom.css

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

.ui-progressbar (...);

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

【讨论】：