feat(ProgressBar): new component

[Levy-from-Odessa]

closes part of the #691

"An easy-to-animate progress bar, like the one from daisyUI."

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	Sep 18, 2023 5:16pm

[DarkGhostHunter]

I was literally fighting with the <progress> component, but it's too buggy to give it a worth shot in 2023. It's plain better to use <div> and mimic the <progress> behavior. There is a limit to what [$::-webkit-shenanigans]:something can handle.

Even from that, I think we should use <progress> instead of a div, mainly because the browser may pick it up for relevant actions, like it happens <time>.

Got it. You have to use an intermediate class (text-{color}-500) and then use bg-current on pseudo elements, to end up like [$::-webkit-shenanigans]:bg-current.

[benjamincanac]

@Levy-from-Odessa Can we close this in favor of #697?