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

# 进度圈

- order: 1

圈形的进度。

---

````jsx
import { Progress } from 'antd';
const ProgressCircle = Progress.Circle;

ReactDOM.render(
  <div>
    <ProgressCircle percent={75} />
    <ProgressCircle percent={70} status="exception" />
    <ProgressCircle percent={100} />
  </div>
  , mountNode);
````

<style>
.ant-progress-circle-wrap,
.ant-progress-line-wrap {
  margin-right: 8px;
  margin-bottom: 5px;
}
</style>
update progress demo 2015-06-15 14:43:27 +08:00			`# 进度圈`
progress circle demo 2015-06-14 20:07:21 +08:00
update progress demo 2015-06-15 16:49:37 +08:00			`- order: 1`
progress circle demo 2015-06-14 20:07:21 +08:00
update progress demo 2015-06-15 14:43:27 +08:00			`圈形的进度。`
progress circle demo 2015-06-14 20:07:21 +08:00
			`---`

			````jsx
fix progress format, ref #894 2016-01-20 20:20:24 +08:00			`import { Progress } from 'antd';`
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`const ProgressCircle = Progress.Circle;`
progress circle demo 2015-06-14 20:07:21 +08:00
beta2 2015-10-20 16:47:55 +08:00			`ReactDOM.render(`
progress circle demo 2015-06-14 20:07:21 +08:00			`<div>`
Progress support custom format, #893 2016-01-20 19:50:45 +08:00			`<ProgressCircle percent={75} />`
fix progress format, ref #894 2016-01-20 20:20:24 +08:00			`<ProgressCircle percent={70} status="exception" />`
fix progressbar worning 2015-10-26 20:14:41 +08:00			`<ProgressCircle percent={100} />`
progress circle demo 2015-06-14 20:07:21 +08:00			`</div>`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
progress circle demo 2015-06-14 20:07:21 +08:00			````
update progress demo 2015-06-15 11:00:27 +08:00
			`<style>`
			`.ant-progress-circle-wrap,`
			`.ant-progress-line-wrap {`
update progress demo 2015-06-15 14:07:20 +08:00			`margin-right: 8px;`
			`margin-bottom: 5px;`
update progress demo 2015-06-15 11:00:27 +08:00			`}`
			`</style>`