Twitter Bootstrap实时进度条

Question

我正在使用Twitter Bootstrap。

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

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

任何想法如何实现这一目标？

Answer 1

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

0表示状态0：未初始化
即兴状态1：准备好的10％ 准备状态2的50％：已发送 准备状态3的80％：接收
100％用于状态4：已加载

当readystate更改时，更改bootstrap进度条内div的css width属性，也可能使用CSS3为其设置动画。