仅显示以下 1 篇带「进度条」关键字的文章。 返回词云  或  查看全部文章

变态的网页加载进度条实现思路

2011-06-27 by Dron

以下这两种情况:

  • 网页不间断地下载并逐步把已下载完成的部分呈现出来;
  • 网页先显示出一个框架后,等待一切资源准备完成再一起呈现出来。

假设这两种情况所使用的时间一样,用户仍然会觉得后者比较慢或者卡,因为后者在准备资源的过程中,网页是静止不动的,给用户有了一段明显等待时间的感觉,而前者虽然也会有等待时间,但相对比较短。

很多中大规模的网页难以采取第一种方式,特别是现在富交互的网页,都需要准备很多资源和数据,为了缓和用户焦躁的心理,于是我们在等待过程中加入了 loading,显式的告知用户网页需要等待。最常见的 loading 形式是一张转圈圈的 gif 图。

但是转圈圈是不断反复的,用户并不能直观地知道他还需要等多久,对于资源或数据比较大的网页来说,转不了几圈,用户也仍然会有慢的感觉,容易被放弃,于是我们采用了加载百分比,显式地告诉他现在的进度,使用户更加有耐心。