Jquery ui.progressbar label - изменить цвет текста на фоне букв

Я добавил метку в jquery ui progressbar, используя эту демонстрацию.

Что я хочу сделать, это изменить цвет текста в зависимости от того, находится ли строка выполнения за буквой.

Как я могу узнать, произошло ли это?

Ответ 1

Это своего рода уродливое, но если вы дублируете ярлык, один за пределами панели и один внутри, и используйте overflow: hidden, вы можете отключить его:

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

Проверено только в Chrome dev и firefox 4

Ответ 2

Используйте change event для .progressbar следующим образом:

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

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

Ответ 3

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