如何部分扭轉角色的顏色？ （其33％的左邊是黑色的，67％的右邊是白色）

Question

當Chrome或Firefox瀏覽這個頁面上使用：

a page on dell.com

（或幾乎任何產品頁面應該工作）。有4個選項卡，如果我們點擊最後一個選項卡進行「查看」，狀態欄將會有部分反轉的字符。例如，字母「v」可以有66％左邊是白色，右邊33％是黑色。我很確定這不是由Flash完成的，因爲鼠標右鍵單擊不顯示任何Flash插件菜單。有人知道如何做到這一點嗎？

截圖：

alt text 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>