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

jquery ui.progressbar标签-更改背景传递字母上的文本颜色,jquery,jquery-ui,progress-bar,jquery-ui-progressbar,Jquery,Jquery Ui,Progress Bar,Jquery Ui Progressbar,我已经使用向jquery ui progressbar添加了一个标签 我想做的是根据进度条是否在字母后面更改文本颜色 我如何判断是否发生了这种情况?像这样使用.progressbar: if (newVal >= 50) $('.pblabel').css('color', newColor); else $('.pblabel').css('color', defaultColor); updateProgressColor = function() { if( $

我已经使用向jquery ui progressbar添加了一个标签

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

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

像这样使用.progressbar:

if (newVal >= 50)
    $('.pblabel').css('color', newColor);
else
    $('.pblabel').css('color', defaultColor);
updateProgressColor = function() {
  if( $(this).progressbar('percentage').toFixed(0) == 100 ) {
    $(this).css('background', '#F000');
  }
}

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

这有点难看,但如果您复制标签,一个在外,一个在内,并使用
overflow:hidden
可以将其删除:


仅在Chrome dev和firefox 4中测试过,请查看附件中的图像,我希望它比这更精确。仍然不完全是我需要的,标签可以是任何文本,我几乎需要找出每个字母相对于其父字母的位置…太愚蠢了,在progressbar的早期版本中,他们实际上在那里有这个,但是他们把它去掉了:/如果progressbar完成了,那只会更新颜色,请看我的图片。我根本不会做你在CSS中要求的事情。在纯CSS和Javascript中没有可行的方法来完成您的要求。