不管是在APP还是PC，不管是Loading页，还是在音乐播放器中，进度条的运用都非常广泛，形式也多种多样，让人眼花缭乱。做为一个交互设计新手，项目中也经常碰到进度条设计，总有很多疑惑在心中挥之不去：

目标： 为什么会有进度条的存在？引入进度条的目的是什么？

类型： 结合使用场景，进度条类型有哪些呢？它们的目标是什么？需要展示哪些信息？

形式： 进度条形式多种多样，怎样从本质上区分呢？

运用： 实际项目中如何选用合适的进度条呢？

下面列出了3种常见的进度条样式，我们将结合这3种进度条，一步一步梳理，希望可以帮助大家获得更加清晰的认知。

一、为什么要有进度条？

进度条是较为通俗的叫法，代表的是与进度展示相关的内容，但并不局限于“条形”。它广泛的存在于各种设计中。

从“进度”一词不难看出，“进度条”这一视觉元素其实是为了让用户清晰的了解当前状态。状态表现一般都有一定的参照，同时存在限定值，如果单纯的通过数字／文字表达，不便于用户理解，所以引入了图形化的元素，也就是我们常见的进度条。

进度条本身比较单一，但是当和场景结合起来，就会衍生出不同的类型。不同类型的进度条设计目标，相关信息元素均不相同。

二、进度条有哪些类型？

进度条的实际运用情况多种多样。有些进度条是实时变化的，有些则是静止不动的。当放到实际的场景中，进度条在场景中的含义就有了进一步的扩展。结合使用场景，我将它们分别分成3种类型，分别是“进程型”进度条，“进程型＋状态型”进度条和“状态型”进度条。下面将按照如下思路细致介绍这3种进度条。

 1. “进程型”进度条

一般为动态，表明