ant-design-vue/components/progress/demo/steps.vue

28 lines
479 B
Vue

<docs>
---
order: 12
title:
zh-CN: 步骤进度条
en-US: Progress bar with steps
---
## zh-CN
带步骤的进度条
## en-US
A progress bar with steps.
</docs>
<template>
<a-progress :percent="50" :steps="3" />
<br />
<a-progress :percent="30" :steps="5" />
<br />
<a-progress :percent="100" :steps="5" size="small" stroke-color="#52c41a" />
<br />
<a-progress :percent="60" :steps="5" :stroke-color="['#52c41a', '#52c41a', '#f5222d']" />
</template>