/**
 * title: "条形状态"
 * description: "进度条默认为条形状态。"
 */
import React from 'react';
import { Progress } from '@alicloud/console-components';

export default () => {
  return (
    <div style={{ display: 'flex' }}>
      <div style={{ flex: 1 }}>
        <h5>默认</h5>
        <div>
          <Progress percent={80} state="normal" />
          <Progress percent={60} state="success" />
          <Progress percent={40} state="error" />
        </div>
      </div>
      <div style={{ flex: 1 }}>
        <h5>小号</h5>
        <div>
          <Progress percent={80} state="normal" size="small" />
          <Progress percent={60} state="success" size="small" />
          <Progress percent={40} state="error" size="small" />
        </div>
      </div>
    </div>
  );
};