如何实现单击按钮后进度条开始走,同时执行后台的程序， 当程序执行完成，进度条也就达到 100%

[Daemonguo]

[qfdk]

js ？ socket io 跟后端通信 或者虚假一点 第一次 random 进度 最后 完成的 callback 跑满

[am241]

每次递增 1/(2**n)

[inkWave]

前面 99%想怎么写怎么写，接到成功回调后，直接进度条 width 100%

[liyu4]

没有非常好的办法，三楼的想法比较赞成。

[knightdf]

本来都是这样的,前面 99%随意你,后面 1%才是关键

[dwood]

要精确的话，后台程序异步执行的同时往缓存里面写进度，前端每隔一段时间请求进度值。

[lijy91]

你可以看看这个插件的逻辑： http://ricostacruz.com/nprogress/

[Felldeadbird]

做一个伪进度就可以了。等后端回来就直接 100%。

[ChefIsAwesome]

对用户真正有用的进度条是能看到结束时间的进度条。想知道结束时间基本是不可能的，想知道当前进度，要实现起来也是异常困难的。所以你还是弄个菊花转转吧。

[wesley]

分解成 N 个子任务，在队列中依次请求，每完成一个，进度增加 1/N

[qwer1234asdf]

ajaxForm

[SpicyCat]

用户想看进度条其实是有两层意思：
1. 想知道预估结束时间。很多时候这个办不到。
2. 想知道页面有没有死掉。这个简单。总之想办法让页面一直有反馈就行了，比如用户多次提交就提示用户耐心一点。

[jsq2627]

道理很简单啦
真的进度条只有在文件下载上传、压缩解压这种能准确衡量的情况下才能做出来
其他都是假进度条，只有 0 和 100 之分，动画只是骗人用的

[bdbai]

后端用 chunked 格式回响应，随时返回进度，兼容性也不错。

[Tink]

做一个 flash, 自动走到 100

哈哈哈哈哈

[HLT]

用 JS 库。。。很多

[Daemonguo]

@bdbai 求教，有没有实现的案例？

[bdbai]

@Daemonguo 你的后端是？一般后端框架都有处理的，有进度就往响应流里手动写入一点数据，完成再关闭。
前端直接通过 XMLHttpRequest 监听 onreadystatechange 事件读服务器已发的数据，不用 jQuery 。