jquery ui.progressbar label - 更改背景传递字母上的文本颜色

Question

我使用此演示向 jquery ui 进度条添加了一个标签。

我想要做的是根据进度条是否位于字母后面来更改文本颜色。

我如何判断是否发生了这种情况？

Answer 1

它有点难看，但如果你复制标签，一个在栏外，一个在栏内，并使用 overflow: hide 你可以将其关闭：

http://jsbin.com/ohiyo/21/

仅在 Chrome 开发版和 Firefox 4 中测试

Answer 2

使用 .progressbar 的 change 事件，如下所示：

updateProgressColor = function() {
  if( $(this).progressbar('percentage').toFixed(0) == 100 ) {
    $(this).css('background', '#F000');
  }
}

$('#progressbar').progressbar({
  change: updateProgressColor
});

Answer 3

if (newVal >= 50)
    $('.pblabel').css('color', newColor);
else
    $('.pblabel').css('color', defaultColor);