ant-design/components/progress/demo/format.md
2022-05-23 14:37:16 +08:00

721 B

order title
6
zh-CN en-US
自定义文字格式 Custom text format

zh-CN

format 属性指定格式。

en-US

You can set a custom text by setting the format prop.

import { Progress } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <>
    <Progress type="circle" percent={75} format={percent => `${percent} Days`} />
    <Progress type="circle" percent={100} format={() => 'Done'} />
  </>
);

export default App;