Twitter Bootstrap实时进度条

Question

我正在使用Twitter Bootstrap。

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

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

任何想法如何实现？

Answer 1

由于没有办法知道HTTP请求中的大部分数据已发送，所以进度条并不是最佳解决方案。然而，您可以根据readystate将进度条分成不同的步骤。下面对根据readyState的不同值的示例（可一样好是其他内容）：对于readyState的0

0％：未初始化
10％的readyState 1：准备
50％的readyState 2：已发送
80％的readyState 3：接收
100％的readyState 4：加载

当readyState变化，更改在div的CSS width属性引导进度条内，也可能用CSS3动画它。