进度条平滑填充徽标（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