---
title: Steps 步骤条
description: 提示用户进度以及当前的步骤，用于引导用户按照步骤完成任务的导航条。

isComponent: true
usage: { title: "", description: "" }
spline: message
author: swimly
---

## 基本用法

通过`current`或者`defaultCurrent`可设置步骤条当前的位置信息。<br /> 通过 `readonly` 属性可以设置步骤条为只读状态

{{ base }}

## 不同主题

通过`theme`可设置不同主题的步骤条样式，可选：`default`，`dot`。

{{ theme }}

## 垂直方向

通过`layout`可设置步骤条的排列方式，可选：`horizontal`和`vertical`。

{{ layout }}

## 步骤条顺序

通过`sequence`可设置步骤条的顺序，可选：`positive`，`reverse`，分别代表顺序和逆序，逆序常用于垂直模式。

{{ sequence }}

## 分割符

通过`separator`可定义步骤条的分隔符，可选：`line`，`dashed`，`arrow`。

{{ separator }}

## 当前状态

通过给当前`l-step-item`设置`status`属性可改变当前步骤的状态，可选：`default`，`process`，`finish`，`error`，一般情况是不
需要手动设置的，常用于当前步骤有错误的时候，手动设置为`error`。

{{ status }}
