是否有可能在jquery中实现实时进度/百分比条

时间:2013-03-18 13:54:10

标签: jquery jquery-ui

下面的代码是简单的jquery进度条。有没有办法在ajaxStart上动态更新进度值(现在是67 rite)并在ajaxStop()上将此值达到100?

<head><script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />



    <script>
        $(function() {
            $( "#progressbar" ).progressbar({
                **value: 67**
            });
        });
    </script>
</head>


 <body>
    <div id="progressbar"></div>
</body>

1 个答案:

答案 0 :(得分:2)

如果您仅定位HTML5浏览器,请尝试在此处描述:Jquery Ajax Progress in HTML5

传统的解决方法是展示一个旋转的gif,而不是装载器。

在大多数情况下,Ajax请求不会太长因此,尝试同样的所有努力都失去了。

然而,显示进度条的情况并不少见。问题是,旧版浏览器没有与JS&amp;开发人员只能使用黑客,

  • 使用闪光灯的帮助。 Flash插件可以跟踪数量 上传的数据&amp;因此告诉javascript。

  • 在某些情况下,近似时间的方法也适用。

  • 剩下的唯一选择是连续ping服务器以了解传输量。