mirror of
https://github.com/Buriburizaem0n/nezha-dash-v1.git
synced 2026-05-06 05:48:41 +00:00
hamster1963
24 lines
466 B
TypeScript
24 lines
466 B
TypeScript
import { Progress } from "@/components/ui/progress";
|
|
|
|
type ServerUsageBarProps = {
|
|
value: number;
|
|
};
|
|
|
|
export default function ServerUsageBar({ value }: ServerUsageBarProps) {
|
|
return (
|
|
<Progress
|
|
aria-label={"Server Usage Bar"}
|
|
aria-labelledby={"Server Usage Bar"}
|
|
value={value}
|
|
indicatorClassName={
|
|
value > 90
|
|
? "bg-red-500"
|
|
: value > 70
|
|
? "bg-orange-400"
|
|
: "bg-green-500"
|
|
}
|
|
className={"h-[3px] rounded-sm"}
|
|
/>
|
|
);
|
|
}
|