<#-- 标题 -->

步骤条：

步骤条是通过指定多个步骤标签，在每步中展示激活的一个步骤标签的导航页。步骤条使用nav作为每个步骤。样式通过before和after属性自动在每个步骤后加上白色箭头。

<#-- 一、默认步骤条效果 -->

一、默认步骤条效果

1、定义一个div，包含样式类[class="z-stepbar"]，默认步骤条width:100%，height:32px
2、在div下包括多个nav，每个nav即一个步骤，其中有[class="z-active"]的nav表示当前步骤

<#-- 二、各种颜色步骤条效果 -->

二、各种颜色步骤条效果

<#var colorMap = Jsons.toMapSS(context.getResourceString("/document/tutorial/ui/css/zhiqim.pre.json", "UTF-8"))/>

1、定义一个div，包含样式类[class="z-stepbar"]，默认步骤条width:100%，height:32px，加上颜色[class="z-red"]表示红色，共支持七种颜色，请选择查看
2、在div下包括多个nav，每个nav即一个步骤，其中有[class="z-active"]的nav表示当前步骤

${zhiqim_com_chapter()}