ant-design/components/progress/demo/dashboard.md

---
order: 8
title:
  zh-CN: 仪表盘
  en-US: Dashboard
---

## zh-CN

通过设置 `type=dashboard`，可以很方便地实现仪表盘样式的进度条。

## en-US

By setting `type=dashboard`, you can get a dashboard style of progress easily.

````jsx
import { Progress } from 'antd';

ReactDOM.render(<Progress type="dashboard" percent={75} />, mountNode);
````
Upgrade `rc-progress` to `2.1.0`. Support dashboard. (#5372) * Upgrade `rc-progress` to `2.1.0`. Support dashboard. Progress dashboard type (half circle)[#5225] * restore removed code, it is for compatibility * format code 2017-03-17 23:57:34 +08:00			`---`
			`order: 8`
			`title:`
			`zh-CN: 仪表盘`
			`en-US: Dashboard`
			`---`

			`## zh-CN`

update Progress doc (#6752) 2017-07-07 14:18:57 +08:00			通过设置 `type=dashboard`，可以很方便地实现仪表盘样式的进度条。
Upgrade `rc-progress` to `2.1.0`. Support dashboard. (#5372) * Upgrade `rc-progress` to `2.1.0`. Support dashboard. Progress dashboard type (half circle)[#5225] * restore removed code, it is for compatibility * format code 2017-03-17 23:57:34 +08:00
			`## en-US`

update Progress doc (#6752) 2017-07-07 14:18:57 +08:00			By setting `type=dashboard`, you can get a dashboard style of progress easily.
Upgrade `rc-progress` to `2.1.0`. Support dashboard. (#5372) * Upgrade `rc-progress` to `2.1.0`. Support dashboard. Progress dashboard type (half circle)[#5225] * restore removed code, it is for compatibility * format code 2017-03-17 23:57:34 +08:00
			````jsx
			`import { Progress } from 'antd';`

update progress demo 2017-04-01 11:30:44 +08:00			`ReactDOM.render(<Progress type="dashboard" percent={75} />, mountNode);`
Upgrade `rc-progress` to `2.1.0`. Support dashboard. (#5372) * Upgrade `rc-progress` to `2.1.0`. Support dashboard. Progress dashboard type (half circle)[#5225] * restore removed code, it is for compatibility * format code 2017-03-17 23:57:34 +08:00			````