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

Question

我已使用this demo向jquery ui进度条添加了标签。

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

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

Answer 1

它有点难看，但如果你复制标签，一个在栏外面，一个在里面，并使用overflow: hidden你可以把它拉下来：

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

仅在Chrome开发者和Firefox 4

中测试过

Answer 2

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

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);