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

Question

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

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

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

Answer 1

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

太喜欢你了吗？只需使用.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属性值更改为您想要的任何值，保存文件并将其上传到您的服务器。刷新浏览器，即可获得自定义进度条。