flexacore-ui-dev
Version:
Universal UI Framework for CDN, React, Angular, Vue, Svelte with TypeScript support
14 lines (13 loc) • 715 B
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FCProgress = void 0;
const react_1 = __importDefault(require("react"));
const FCProgress = ({ value, max = 100, className = '', ...rest }) => {
const percent = Math.max(0, Math.min(100, (value / max) * 100));
return (react_1.default.createElement("div", { className: ['fc-progress', className].filter(Boolean).join(' '), ...rest },
react_1.default.createElement("div", { className: "fc-progress-bar", style: { width: percent + '%' } })));
};
exports.FCProgress = FCProgress;