--- order: 4 title: zh-CN: 进度圈动态展示 en-US: Dynamic circular progress bar --- ## zh-CN 会动的进度条才是好进度条。 ## en-US A dynamic progress bar is better. ````jsx import { Progress, Button } from 'antd'; const ButtonGroup = Button.Group; class App extends React.Component { state = { percent: 0, } increase = () => { let percent = this.state.percent + 10; if (percent > 100) { percent = 100; } this.setState({ percent }); } decline = () => { let percent = this.state.percent - 10; if (percent < 0) { percent = 0; } this.setState({ percent }); } render() { return (
); } } ReactDOM.render(, mountNode); ````