ant-design/components/progress/demo/format.md
2017-02-22 19:31:50 +08:00

34 lines
541 B
Markdown

---
order: 6
title:
zh-CN: 自定义文字格式
en-US: Custom text format
---
## zh-CN
`format` 属性指定格式。
## en-US
You can custom text format by setting `format`.
````jsx
import { Progress } from 'antd';
ReactDOM.render(
<div>
<Progress type="circle" percent={75} format={percent => `${percent} Days`} />
<Progress type="circle" percent={100} format={() => 'Done'} />
</div>
, mountNode);
````
<style>
div.ant-progress-circle,
div.ant-progress-line {
margin-right: 8px;
margin-bottom: 8px;
}
</style>