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

发布于 2024-11-13 14:27:37 字数 192 浏览 2 评论 0原文

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

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

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

原文

I have a progress bar in a html table cell. It seems to expand to the width of the table cell but i want to explicitly specify the height of the progress bar.

Is it possible to specify the height of a jQuery progress bar?

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

七堇年 2024-11-20 14:27:37

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

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

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

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

Of course it is. There's even a resizable progress bar demo.

Too fancy for you? Just use .height():

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

Demo: http://jsfiddle.net/mattball/N5AVv/

回复收藏 0 原文

花海 2024-11-20 14:27:37

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

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

you can also use this function which works for all css attribures

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

回复收藏 0 原文

女皇必胜 2024-11-20 14:27:37

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

jquery-ui-1.8.17.custom.css

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

.ui-progressbar (...);

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

You will need to edit the jQuery UI CSS file. It will look something like

jquery-ui-1.8.17.custom.css

Scroll to the bottom (~line 564) and your will see the following CSS attribute:

.ui-progressbar (...);

change the HEIGHT attribute value to whatever you want, save the file and upload it to your server. Refresh your browser and you have your customized progress bar.

回复收藏 0 原文

~没有更多了~