@alicloud/console-components
Version:
Alibaba Cloud React Components
22 lines (21 loc) • 1.14 kB
JavaScript
/**
* title: "条形状态"
* description: "进度条默认为条形状态。"
*/
import React from 'react';
import { Progress } from '@alicloud/console-components';
export default (function () {
return (React.createElement("div", { style: { display: 'flex' } },
React.createElement("div", { style: { flex: 1 } },
React.createElement("h5", null, "\u9ED8\u8BA4"),
React.createElement("div", null,
React.createElement(Progress, { percent: 80, state: "normal" }),
React.createElement(Progress, { percent: 60, state: "success" }),
React.createElement(Progress, { percent: 40, state: "error" }))),
React.createElement("div", { style: { flex: 1 } },
React.createElement("h5", null, "\u5C0F\u53F7"),
React.createElement("div", null,
React.createElement(Progress, { percent: 80, state: "normal", size: "small" }),
React.createElement(Progress, { percent: 60, state: "success", size: "small" }),
React.createElement(Progress, { percent: 40, state: "error", size: "small" })))));
});