как частично поменять цвет персонажа? (его 33% слева черный и 67% справа белый)

Question

Когда на этой странице используется Chrome или Firefox:

страница на сайте dell.com

(или почти любая страница продукта должна работать). Есть 4 вкладки, и если мы нажмем последнюю вкладку для «Просмотр», строка состояния будет иметь символы, которые частично изменены. Например, буква «v» может иметь 66% слева, будучи белым, и 33% справа, являясь черным. Я уверен, что это не сделано Flash, так как щелчок правой кнопкой мыши не показывает меню плагинов Flash. Кто-нибудь знает, как это можно сделать?

Скриншот:

альтернативный текст http://img192.imageshack.us/img192/2696/partlyreversed.png

Answer 1

Я представляю, что слово на самом деле там дважды, по одному в каждом цвете, но белая версия обрезается индикатором прогресса.

Answer 2

Пример:

<div style="width:400px; height:1.1em; position:relative;">
    <div style="position:absolute; text-align:center; width:400px; height:100%; background-color:#eee;">49 %</div>
    <div style="position:absolute; overflow:hidden; width:195px; height:100%; background-color:#347;">
        <div style="width:400px; text-align: center; color: #ace;">49 %</div>
    </div>
</div>