# Steps 步骤条

引导用户按照流程完成任务的导航条。

## 何时使用

- 当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。

## 代码演示

简单的步骤条

迷你版的步骤条，通过设置 `size="small"` 启用.

通过设置 `nz-step` 的 `icon` 属性，可以启用自定义图标。

通常配合内容及按钮使用，表示一个流程的处理进度。

简单的竖直方向的步骤条。

简单的竖直方向的小型步骤条。

使用`Steps`的`status`属性来指定当前步骤的状态。

包含步骤点的进度条。

## API

### nz-steps

参数 | 说明 | 类型 | 默认值
--- | --- | --- | ---
nzCurrent | 指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过`nzStatus` 属性覆盖状态 | Number | 0
nzStatus | 指定当前步骤的状态，可选`wait` `process` `finish` `error` | String | process
nzSize | 指定大小，目前支持普通（`default`）和迷你（`small`） | String | default
nzDirection | 指定步骤条方向。目前支持水平（`horizontal`）和竖直（`vertical`）两种方向 | String | horizontal
nzProgressDot | 通过添加该属性使用点状步骤条 | attribute | -

### nz-step

参数 | 说明 | 类型 | 默认值
--- | --- | --- | ---
nzStatus | 指定状态。当不配置该属性时，会使用 `Steps` 的 `current` 来自动指定状态。可选：`wait` `process` `finish` `error` | String | wait
nzTitle | 标题 | String | -
nzDescription | 步骤的详情描述，可选 | String | -
#nzIcon | 步骤图标的类型，可选 | ng-template | -