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

# 小型进度圈

- order: 3

小一号的圈形进度。

---

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

ReactDOM.render(
  <div>
    <ProgressCircle percent={30} width={80} />
    <ProgressCircle percent={70} width={80} status="exception" />
    <ProgressCircle percent={100} width={80} />
  </div>
  , mountNode);
````
update progress demo 2015-06-15 14:43:27 +08:00			`# 小型进度圈`
mini demo 2015-06-15 11:48:30 +08:00
update progress demo 2015-06-15 14:43:27 +08:00			`- order: 3`
mini demo 2015-06-15 11:48:30 +08:00
update progress demo 2015-06-15 14:43:27 +08:00			`小一号的圈形进度。`
mini demo 2015-06-15 11:48:30 +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;`
mini demo 2015-06-15 11:48:30 +08:00
beta2 2015-10-20 16:47:55 +08:00			`ReactDOM.render(`
mini demo 2015-06-15 11:48:30 +08:00			`<div>`
fix progressbar worning 2015-10-26 20:14:41 +08:00			`<ProgressCircle percent={30} width={80} />`
fix progress format, ref #894 2016-01-20 20:20:24 +08:00			`<ProgressCircle percent={70} width={80} status="exception" />`
fix progressbar worning 2015-10-26 20:14:41 +08:00			`<ProgressCircle percent={100} width={80} />`
mini demo 2015-06-15 11:48:30 +08:00			`</div>`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
mini demo 2015-06-15 11:48:30 +08:00			````