GlassProgress

import { GlassProgress } from "koori-ui";
 
<GlassProgress value={60} />

<GlassProgress value={75} variant="default" />
<GlassProgress value={90} variant="success" />
<GlassProgress value={50} variant="warning" />
<GlassProgress value={30} variant="error" />

import { useState, useEffect } from "react";
import { GlassProgress } from "koori-ui";
 
function Example() {
  const [value, setValue] = useState(0);
  useEffect(() => {
    const timer = setTimeout(() => setValue(72), 500);
    return () => clearTimeout(timer);
  }, []);
  return <GlassProgress value={value} variant="success" />;
}