进度条平滑填充徽标(jQuery）

Progress Bar Smooth Fill in a Logo (jQuery)

本文关键字：jQuery 填充平滑更新时间：2023-09-26

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

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

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

谢谢！

另一种选择是使用新的<progress></progress>标记，并使用CSS将徽标放置在背景中。以下是在Firefox中对其样式的快速概述，我相信现在有更多的信息，因为这已经有一年多的历史了：

http://blog.oldworld.fr/index.php?post/2011/07/The-Firefox 中的HTML5进度元素