如何以百分比而不是 gif 或任何动画图像显示网站加载答案

【问题标题】：How to show website loading in percentage instead of gif or any animated image如何以百分比而不是 gif 或任何动画图像显示网站加载
【发布时间】：2013-03-28 05:59:03
【问题描述】：

我在我的网站中使用 CSS 和 jQuery Preloader 来显示预加载图像，直到我的完整网站没有被下载。 http://www.entheosweb.com/tutorials/css/preloader/default.asp（我正在使用这个示例）。

现在我使用的是 Gif 图片，直到我的完整网站没有被下载。谁能帮我显示加载百分比而不是 gif 图像。

提前致谢

【问题讨论】：

你想知道应该如何在 css 中完成或计算百分比吗？通过css，您可以将加载栏宽度初始设置为0，并不断增加它直到最大宽度。
这个：stackoverflow.com/questions/4999703/…

标签： javascript jquery html css

【解决方案1】：

试试 HTML5 和 jquery 预加载器...它是满足您要求的一个很好的 jquery 插件...

http://gianlucaguarini.com/canvas-experiments/jQuery-html5Loader/

【讨论】：

【解决方案2】：

其中一种可能的方法是异步加载网站的某些部分。例如。如果您需要加载一些文本和图像，您需要做的第一件事是指定该资源应占多少百分比：

text - 15%
image - 85%

然后在加载文本后，您可以将进度条的宽度设置为 15%，并触发图像加载。加载图像后，您可以将进度条的宽度设置为 100% 并显示全部内容。

图片加载事件here.

文本内容的异步加载here（使用ajax）。

【讨论】：