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

【问题标题】：Progress Bar Smooth Fill in a Logo (jQuery)进度条平滑填充徽标（jQuery）
【发布时间】：2012-08-30 22:31:12
【问题描述】：

我有一个页面要求用户填写表格。当他们提交时，我会将他们带到一个显示“正在计算您的结果...”的屏幕。

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

有没有办法在 jQuery 中做到这一点？还是我必须在 Flash 中制作一些东西？

谢谢！

【问题讨论】：

【解决方案1】：

另一种方法是使用新的<progress></progress> 标签并使用 CSS 将您的徽标放在背景中。以下是在 Firefox 中对其进行样式设置的快速概述，我确信现在有更多信息，因为它已有一年多的历史了：

【讨论】：