wehub-resource-sync
16 lines
463 B
React
16 lines
463 B
React
import React from "react";
|
|
import { Box, Text } from "ink";
|
|
|
|
export function ProgressBar({ value = 0, max = 100, width = 20, color = "green" }) {
|
|
const pct = Math.min(1, Math.max(0, value / max));
|
|
const filled = Math.round(pct * width);
|
|
const empty = width - filled;
|
|
return (
|
|
<Box>
|
|
<Text color={color}>{"█".repeat(filled)}</Text>
|
|
<Text dimColor>{"░".repeat(empty)}</Text>
|
|
<Text> {Math.round(pct * 100)}%</Text>
|
|
</Box>
|
|
);
|
|
}
|