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

Question

我正在使用CSS＆amp;我的网站中的jQuery Preloader用于显示预加载图像，直到我的完整网站未下载。 http://www.entheosweb.com/tutorials/css/preloader/default.asp（我正在使用此示例）。

现在我使用的是Gif Image，直到我的完整网站没有下载。任何人都可以帮助我 以百分比显示加载而不是gif图像。

提前致谢

Answer 1

尝试 HTML5和jquery预加载器 ...这是一个很好的jquery插件，可满足您的需求......

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

Answer 2

其中一种可能的方法是异步加载您网站的部分内容。例如。如果您需要加载一些文本和图像，首先需要指定此资源需要多少百分比：

text - 15%
image - 85%

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

图片加载事件here。

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