ant-design/components/progress/demo/line-mini.md

31 lines
546 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 2
title:
2016-07-26 15:42:04 +08:00
zh-CN: 小型进度条
en-US: Mini size progress bar
2016-03-31 09:40:55 +08:00
---
2015-06-15 11:48:30 +08:00
2016-07-26 15:42:04 +08:00
## zh-CN
2015-06-15 14:43:27 +08:00
适合放在较狭窄的区域内。
2015-06-15 11:48:30 +08:00
2016-07-26 15:42:04 +08:00
## en-US
Appropriate for a narrow area.
```tsx
2016-01-20 20:20:24 +08:00
import { Progress } from 'antd';
2022-05-23 14:37:16 +08:00
import React from 'react';
2015-06-15 11:48:30 +08:00
const App: React.FC = () => (
2015-07-30 18:42:11 +08:00
<div style={{ width: 170 }}>
<Progress percent={30} size="small" />
<Progress percent={50} size="small" status="active" />
<Progress percent={70} size="small" status="exception" />
<Progress percent={100} size="small" />
</div>
2018-11-28 15:00:03 +08:00
);
export default App;
2019-05-07 14:57:32 +08:00
```