变态的网页加载进度条实现思路
2011-06-27 by Dron
以下这两种情况：
- 网页不间断地下载并逐步把已下载完成的部分呈现出来；
- 网页先显示出一个框架后，等待一切资源准备完成再一起呈现出来。
假设这两种情况所使用的时间一样，用户仍然会觉得后者比较慢或者卡，因为后者在准备资源的过程中，网页是静止不动的，给用户有了一段明显等待时间的感觉，而前者虽然也会有等待时间，但相对比较短。
很多中大规模的网页难以采取第一种方式，特别是现在富交互的网页，都需要准备很多资源和数据，为了缓和用户焦躁的心理，于是我们在等待过程中加入了 loading，显式的告知用户网页需要等待。最常见的 loading 形式是一张转圈圈的 gif 图。
但是转圈圈是不断反复的，用户并不能直观地知道他还需要等多久，对于资源或数据比较大的网页来说，转不了几圈，用户也仍然会有慢的感觉，容易被放弃，于是我们采用了加载百分比，显式地告诉他现在的进度，使用户更加有耐心。