Numbered step dots connected by a line. Completed steps fill emerald with a check.
The import and the props worth knowing about, in one place.
import { Progress1 } from "@/components/beste/piece/progress1";
<Progress1
steps={[
{
"label": "Account"
},
{
"label": "Plan"
},
{
"label": "Payment"
},
{
"label": "Done"
}
]}
current={2}
/>