Javascript 进度条平滑填充徽标（jQuery）

我有一个页面，要求用户提供信息以填写表单。当他们提交时，我会把他们带到一个屏幕上，上面写着“计算你的结果…”

我想要一个进度条，在10秒钟左右的时间内从0-100%流畅地加载。更重要的是，我希望进度条是我的徽标的灰显版本（徽标是纯文本，但不是web文本），它像进度条一样慢慢填充颜色，达到100%

在jQuery中有什么方法可以做到这一点吗？还是我必须用Flash制作一些东西

---

谢谢

另一种选择是使用新的

标记，并使用CSS将您的徽标置于背景中。下面是对Firefox中的样式设置的快速概述，我相信现在有更多的信息，因为这已经有一年多的历史了：

我认为这会有所帮助