進度條平滑填充徽標（jQuery）

Question

我有一個頁面要求用戶填寫表單信息。當他們提交時，我會帶他們進入一個屏幕，顯示「計算結果...」。

我想要一個在10秒左右從0-100％流暢加載的進度條。踢球者是我想讓進度條變成我的徽標的灰色版本（徽標純粹是文本，但是非網頁文本），並且像進度條一樣緩慢地填充顏色，達到100％。

有沒有辦法在jQuery中做到這一點？或者我必須在Flash中做些什麼？

謝謝！

Answer 1

另一種方法是使用新的<progress></progress>標籤並使用CSS將您的徽標置於背景中。這裏是在Firefox中設置其樣式的快速概覽，我敢肯定，有更多的信息在那裏，現在，因爲這是一歲：

http://blog.oldworld.fr/index.php?post/2011/07/The-HTML5-progress-element-in-Firefox