Есть ли способ изменить цвет текста «на полпути» через символ на веб-странице?

Одна вещь, которую я видел в некоторых настольных приложениях, - это возможность изменять цвет текста при изменении фона - чтобы эффективно использовать несколько цветов для одного символа. Я видел это чаще всего с индикаторами выполнения, которые отображают процентное значение внутри индикатора. Обычно более темный цвет фона будет использоваться в качестве цвета индикатора выполнения, и по мере его продвижения темный цвет недостаточно контрастирует с темным текстом, поэтому цвет текста изменяется, как только полоса перекрывается с текстом. Это изображение должно объяснить, что я имею в виду:

Как видите, текст черный, когда он установлен на 0% - когда нет темного фона. Когда фоновое изображение полностью увеличивается до 100%, текст становится полностью белым. Но посередине, как вы можете видеть на 50%, текст наполовину черный / наполовину белый,и в этом примере он фактически разделен на символ «0».

Есть ли вообще способ сделать это на веб-странице? CSS, изображения, JQuery, иначе? (Желательно не Flash или Java-апплет - мне действительно интересно, возможно ли решение на основе HTML.) Спасибо!