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

Question

我已经使用这个演示为 jquery ui 进度条添加了一个标签。

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

我怎么知道这是否发生了？

Answer 1

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

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

仅在 Chrome dev 和 firefox 4 中测试

Answer 2

像这样使用change event.progressbar ：

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