[发明专利]一种进度条显示方法和装置

说明书

技术领域

本发明涉及计算机技术领域，特别涉及一种进度条显示方法和装置。

背景技术

在网页加载过程中，为了让用户能够很好地感知当前浏览器加载状态，需要同时给用户提供两种反馈信息：一种是表明当前网页正在加载数据，而非无响应；另一种是网页加载百分比的进度指示。

目前，现有技术通常采用分别显示的方法提供两种反馈信息。参见图1，对于第一种表示正在加载数据的反馈信息，现有技术通常采用旋转圆圈表示，如果圆圈不断旋转，表示正在加载数据，如果圆圈停止旋转，表示加载完毕或因网络资源或网络状况等原因停止加载。对于第二种表示加载百分比的反馈信息，现有技术通常采用进度条表示，进度条的空白区域表示还没有加载的部分，进度条的灰色区域表示已经加载的部分，从而使用户能够直观的了解加载进度。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

现有技术分别显示两种加载反馈信息，使得加载显示控件占用空间较多，挤占了其他控件的空间，间接影响其他控件的使用。

发明内容

为了减少加载显示控件占用的空间，本发明实施例提供了一种进度条显示方法和装置。所述技术方案如下：

一种进度条显示方法，所述方法包括：

设置进度条由未加载区域和/或加载区域组成，所述加载区域占所述进度条的比例表示加载百分比；

设置方块数组中的方块，使所述方块数组中的方块以预设的时间间隔在所述未加载区域滑动，以表示正在加载；

通过滑动的方块改变所述加载区域的宽度，以表示当前加载量的变化。

其中，所述通过滑动的方块改变所述加载区域的宽度，以表示当前加载量的变化，包括：

根据所述进度条的宽度和所述方块的宽度，确定所述方块所代表的加载的百分比，将其作为第一百分比；

确定已经加载但未在所述加载区域显示的加载增量占本次加载总量的百分比，将其作为第二百分比；

比较所述第二百分比与所述的第一百分比的大小；

如果所述第二百分比大于或等于所述第一百分比，设置滑动的方块与所述加载区域堆叠的显示效果，使所述加载区域的宽度变大，以表示当前加载量增加；

如果所述第二百分比小于所述第一百分比，设置滑动的方块滑过所述加载区域的显示效果，使所述加载区域的宽度不变，以表示当前加载量不变。

其中，根据所述进度条的宽度和所述方块的宽度，确定所述方块所代表的加载的百分比，包括：

将所述方块的宽度与所述进度条的宽度之间的比例，作为所述方块所代表的加载的百分比。

其中，所述进度条是下载进度条、浏览器网页加载进度条或视频加载进度条。

其中，所述进度条是移动终端上的进度条。

进一步，所述方法还包括：显示已加载量的百分比。

一种进度条显示装置，所述装置包括：

进度条设置模块，用于设置进度条由未加载区域和/或加载区域组成，所述加载区域占所述进度条的比例表示加载百分比；

方块设置模块，用于设置方块数组中的方块，使所述方块数组中的方块以预设的时间间隔在所述进度条设置模块设置的未加载区域滑动，以表示正在加载；

更新模块，用于通过所述方块设置模块设置的滑动的方块改变所述进度条设置模块设置的加载区域的宽度，以表示当前加载量的变化。

其中，所述更新模块，包括：

确定单元，用于根据所述进度条的宽度和所述方块的宽度，确定所述方块所代表的加载的百分比，将其作为第一百分比，确定已经加载但未在所述加载区域显示的加载增量占本次加载总量的百分比，将其作为第二百分比；

判断单元，用于比较所述确定单元确定的第二百分比与所述的第一百分比的大小；

更新单元，用于如果所述判断单元的判断结果为所述第二百分比大于或等于所述第一百分比，设置滑动的方块与所述加载区域堆叠的显示效果，使所述加载区域的宽度变大，以表示当前加载量增加，如果所述判断单元的判断结果为所述第二百分比小于所述第一百分比，设置滑动的方块滑过所述加载区域的显示效果，使所述加载区域的宽度不变，以表示当前加载量不变。

其中，所述确定单元在根据所述进度条的宽度和所述方块的宽度，确定所述方块所代表的加载的百分比时，用于：

将所述方块的宽度与所述进度条的宽度之间的比例，作为所述方块所代表的加载的百分比。

其中，所述进度条是下载进度条、浏览器网页加载进度条或视频加载进度条。

其中，所述进度条是移动终端上的进度条。