---
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 'choerodon-ui';

ReactDOM.render(
  <div>
    <Progress type="circle" percent={75} format={percent => `${percent} Days`} />
    <Progress type="circle" percent={100} format={() => 'Done'} />
  </div>,
  mountNode);
````

<style>
div.c7n-progress-circle,
div.c7n-progress-line {
  margin-right: 8px;
  margin-bottom: 8px;
}
</style>