lole-ui
Version:
React UI Component which like a love letter
16 lines (15 loc) • 801 B
JavaScript
import React from 'react';
var Progress = function (props) {
var percent = props.percent, showText = props.showText, strokeHeight = props.strokeHeight, styles = props.styles, theme = props.theme;
return (React.createElement("div", { className: "lole-progress-bar", style: styles },
React.createElement("div", { className: "lole-progress-bar-outer", style: { height: strokeHeight } },
React.createElement("div", { className: "lole-progress-bar-inner color-".concat(theme), style: { width: "".concat(percent, "%") } }, showText && React.createElement("span", { className: "inner-text" },
percent,
"%")))));
};
Progress.defaultProps = {
strokeHeight: 15,
showText: true,
theme: "primary",
};
export default Progress;