0

我对 jQuery-UI 很陌生，但我喜欢我目前所看到的。

我正在使用“blitzer”主题（因为我需要红色进度条），并且在一页上并排有 4 个进度条。现在我的 PM 希望其中一个是绿色的，并且比其他的要大。我查看了提供的主题 CSS，但找不到合适的标签来修补。任何人都可以并排发布 2 个不同大小/颜色的进度条的短代码吗？

奖励问题：我被要求在 PB 本身中打印 PB 的百分比 - 没什么大不了的 - 我只是在 div 内添加了一个标签。问题是标签中的文本是白色的，所以如果 PB 为空或半空，文本将变得不可见。有什么方法可以控制 PB 的背景颜色，还是在主题内给定？

非常感谢！
盖伊

4

2 回答 2

0

旅行技术专家：

如果你查看 jQueryUI 下载的 css 文件夹，你会发现一个主题文件夹；我的叫 ui-lightness，你的可能叫 ui-blitzer。进入该文件夹，然后进入图像文件夹。ui-bg_diagonals在那里，您会找到一些以字母和.开头的图像文件ui-bg_gloss。这些是驱动进度条的图像。您应该能够从另一个主题添加一些您想要的颜色的图像，这将驱动您的其他状态栏。

此外，还有一个名为 .ui-widget-overlay 的 css 条目引用了图像 ui-bg_diagonals-thick_20_666666_40x40.png，我认为它是实际驱动进度条的图像。您将不得不破解 css，以便您可以在另一个进度条中添加一个引用您的新图像的新类；我还没想好怎么做。

于 2009-08-08T01:36:05.047 回答
0

这就是栏的设置方式，因此请修改其中的类。

<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all">
   <div style="width: 37%;" class="ui-progressbar-value ui-widget-header ui-corner-left"></div>
</div>

（它在徽章的底部）

修改ui-progressbar和ui-progressbar-value。

于 2009-08-08T01:19:48.187 回答