打开页面，在页面没有完全下载完的时候出现一个进度条，下载后进度条消失怎么实现？

tujiulu 2004-12-27 11:39:42

打开页面，在页面没有完全下载完的时候出现一个进度条，下载后进度条消失怎么实现？

...全文

233 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

xlongbuilder 2004-12-31

打赏
举报

回复

支持　楼上的
隐藏主体内容
一段一段加上脚本
最后一个显示所有

CALM 2004-12-31

打赏
举报

回复

有谁能贴个例子出来呢？

xiangbo520 2004-12-31

打赏
举报

回复

强烈支持楼上的楼上，这个办法不错。学习..........

s_phoenix 2004-12-30

打赏
举报

回复

好办啊。HTML页面是从头到尾逐行解释执行的。你可以在HTML页面开始的地方显示这个进度条。在HTML页面最后加一个javascript代码，隐藏该进度条就OK了。

jackern 2004-12-30

打赏
举报

回复

用一个过渡页面吧，我们现在就是这么做的。

用一个过渡页面显示进度条。呵呵

landskip 2004-12-30

打赏
举报

回复

ding

Loading网页加载进度条动画效果是一款基于jquery CSS3 animation属性实现的酷炫的Loading网页加载进度条动画效果。

HTML5 把进度条显示在按钮中，打开测试页面，点击“Activate me”按钮，即可看到渐变的三个按钮，然后紧接着在按钮底部出现进度条，当进度条加载到100%时，该按钮渐变消失。本效果可广泛应用于智能手机的一些App中。

事件监听器，它将在页面完全加载后触发。在事件处理程序中，我们获取进度条元素并将其宽度设置为100%。这样，整个代码块的作用就是在页面加载完成后，将进度条的宽度从0%增长到100%，然后在5秒后隐藏进度条。当页面加载完成后，回调函数中的代码将被执行。这样，当页面加载时，进度条将从0%线性增长到100%，然后消失。元素作为进度条，使用CSS设置其样式。最后，在延迟5秒后，将进度条隐藏，通过设置。标签中，您可以添加任何其他的页面内容。接着，将进度条的宽度设置为100%，即。获取进度条元素，并将其赋值给。

下载文件的时候，如果文件比较大，需要有个提示，这个显示一个进度条的gif图片，点击下载按钮，弹出进度条，下载完成，隐藏进度条：在html头部加上样式： .demo{ position:fixed; z-index: 100; top: 50%; left: 50%; } 然后在h

最近在个人的项目中，想对页面之间跳转的过程进行优化，想到了很多文档或 npm 等都用到的页面跳转进度条，于是便想自己去实现一个，特此记录。来看下 npm 搜索组件时候的效果：so 下面咱们一起动手实现一下呗。定义使用方式想实现一个组件的前提，一定要想好你的需求是什么，还要自己去定义一个舒服的使用方法，这其中也是有原则的，对使用者来说，使用方式越简单越好。那么对应的代价就是写这个组件的复杂度会变高。...

81,116

社区成员

341,729

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章