使用 jQuery 10 实现进度条效果

二楼的方法不是常规的解决方案，我个人觉得不是很好（但是他取得的加载进度是真实的，他的进度条可以反映当前卸载页面的剩余内容---其实还不错。 但一般来说没有必要，如果你想这样做，最好使用 flex）。

其次，整个页面上的大部分或全部其他元素加载完毕后，加载了这个**，无法达到加载效果。

传统的解决方案是使用 ajax。 像这样的东西。

需要两页。 1.一个是实际页面本身 2另一个是带有加载**的空白页。

首先请求第二页，将第一页的 ajax 请求放在该页面中，在成功函数中输出页面内容，并隐藏加载**。

**是的：

loading page:

这是整个实际页面的 HTML 吗？ 如果是这样，加载页面本身就很笨拙，所以最好直接跳转到真实页面。 嘿嘿，可惜我对搜索不太了解，悲剧。

请告知---为什么要使用绝对定位叠加方法来隐藏。 如果直接把这层display：none，蜘蛛会不会看到？

您对上述内容满意吗？

最好使用 canvas 插件来实现它。

传统的解决方案是使用 ajax。 像这样的东西。

需要两页。

1.一个是实际页面本身。

2.另一种是空白页面，先对第二页进行加载**请求，对该页面中的第一页发出ajax请求，在成功函数中输出页面内容，并隐藏加载**。

很简单，只需两步。

1.将加载进度条的 gif** 放入 div 中，并设置位置和内容的 CSS 样式。 （不要隐藏它，页面会在加载时显示）。

2.只需将其放在 jquery $ 函数中，$".loading").hide();隐藏类="loading"对象如下：

您可以使用 gif 作为 div 的背景，也可以将 gif 直接放在背景中。

很难控制复制文件的进度，所以你只需要做一个效果，只是一个滚动条，然后不断重复。

其实这种效果在实际应用中并不是太实用，如果需要有进度的话，这必须是前后实时交互才能产生效果。 例如，如果从数据库中循环访问一组用户信息，则需要增加数量来实时调整页面的进度条。 这需要您不断请求服务器。

当然，你也可以不经过服务器进行纯页面处理，但无法估计执行时间，导致不同步。

有一个简单的方法，先得到需要读取数据的条目总数，然后用类似于递归的循环在前台页面调用ajax方法，然后通过返回返回的数据实时控制页面的进度条，通过返回一个成功的状态重复来调用这个方法， 最后，使用条目总数来控制此递归何时停止。

其实这个效果并不是你想象中用进度条做的，它只是换了**，让你能看到那种感觉，比如像上面一样，没有一个选项是**的，如果用户点击4，选择满意，即1,2,3,4被替换成颜色**，其他的都是灰色的， 至于用户已经选择了，下次你可以看到你的选择，这也是一个原因，背景给出了用户选择的值，根据这个变化**颜色就实现了。

什么是动态方法？ 不太了解您的需求。 你能说得更具体一点吗？

该功能非常复杂，具体取决于您在后台使用的语言。 基本上，有相应的框架支持。 是的。

基本原理是上传文件，后端在读取时会保存数据量。 前台定期通过 AJAX 向后端发送请求，并将保存的大小提取到前台。 计算上传进度。

可以实现进度条的进度，但是后面不也是一样的吗，进度可以不断添加，数据也可以不断传输。