Progress

import { useState } from "react";
import { Progress } from "mizu-ui";

export function Example() {
  const [value, setValue] = useState(42);
  return (
    <>
      <Progress label="Processing artwork" value={value} />
      <input
        type="range"
        aria-label="Demo progress"
        value={value}
        onChange={(e) => setValue(Number(e.target.value))}
      />
    </>
  );
}