ant-design/components/progress/demo/format.md
2016-07-26 15:42:04 +08:00

34 lines
542 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 / 10.0}折`} />
<Progress type="circle" percent={100} format={() => '成功'} />
</div>
, mountNode);
````
<style>
.ant-progress-circle,
.ant-progress-line {
margin-right: 8px;
margin-bottom: 8px;
}
</style>