No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

组件演示

30%

50%

70%

90%
引入方式
import { Progress } from "tx-design"
Story Source
<div
  style={{
    padding: '20px 40px'
  }}
>
  <h3>
    组件演示
  </h3>
  <React.Fragment key=".1">
    <Progress
      percent={10}
      showText={false}
      strokeHeight={15}
      theme="success"
    />
    <br />
    <Progress
      percent={30}
      showText
      strokeHeight={15}
      theme="info"
    />
    <br />
    <Progress
      percent={50}
      showText
      strokeHeight={15}
      theme="danger"
    />
    <br />
    <Progress
      percent={70}
      showText
      strokeHeight={15}
      theme="dark"
    />
    <br />
    <Progress
      percent={90}
      showText
      strokeHeight={12}
      theme="warning"
    />
  </React.Fragment>
</div>
Prop Types
"Progress" Component
propertypropTyperequireddefaultdescription
percentnumberyes-进度条的百分比
strokeHeightnumber-15进度条的高度
showTextboolean-true是否显示文字
stylesany--进度条的样式
themeany-primary进度条的主题
"Unknown" Component
No propTypes defined!