twitter-bootstrap - Twitter Bootstrap 实时进度条

Question

我正在使用 Twitter 引导程序。

在某个 javascript 函数中，我将数据发送到 Web 服务，该服务又将其保存到数据库中。

我想表明 AJAX 操作正在进行中。我怎样才能显示实时进度条，最好是实时进度？

任何想法如何做到这一点？

Answer 1

由于无法知道 HTTP 请求中的大部分数据已发送，因此进度条并不是最佳解决方案。但是，您可以根据就绪状态将进度条拆分为不同的步骤。下面的示例针对不同值的不同值，具体取决于 readystate（也可以是其他值）：

0% 表示就绪状态 0：未初始化
10% 表示就绪状态 1：就绪
50% 表示就绪状态 2：发送
80% 表示就绪状态 3：接收
100% 表示就绪状态 4：加载

当 readystate 改变时，更改引导进度条内 div 上的 css width 属性，可能还使用 CSS3 对其进行动画处理。