进度和动态

    在操作中,对于完成部分可以确定的情况下,使用确定的指示器,他们能让用户对某个操作所需要的时间有个快速的了解。

    在操作中,对于完成部分不确定的情况下,用户需要等待一定的时间,无需告知后用户台的情况以及所需时间,这时可以使用不确定的指示器。

    线形进度指示器应始终从 0% 到 100% 显示,绝不能从高到低反着来。如果一个队列里有多个正在进行的操作,使用一个进度指示器来指示整体的所需要等待的时间。这样,当指示器达到 100% 时,它不会返回到0%再重新开始。

    线形进度条应该放置在页眉或某块区域的边缘。


    圆形的加载指示器可以和一个有趣的图标或者刷新图标结合在一起使用。

    响应


    单阶段加载
    在现有的,不变的容器里加载内容(副本和图像)。


    双阶段加载
    先生成一个容器,然后再加载内容(副本和图像)。


    第一次加载内容


    一次加载完所有内容并显示出来


    分两个阶段加载和显示内容

    ### 加载额外的内容


    例1:卡片的扩展
    当卡片可以在较大的表面上扩展时,比如桌面,这时推荐使用不确定的线形进度指示器。


    例2:上拉刷新
    当你想从下方刷新列表时,推荐使用不确定的圆形进度指示器来触发内容的加载。

    例3:下拉刷新
    当你想从上方刷新列表时,推荐使用不确定的圆形进度指示器来触发内容的加载。