visualizations

Progress Bar

A bar that indicates progress, performance or status.

Installation ​

Install dependencies ​

bash
npm install tailwind-variants

Add component ​

Copy and paste the code into your project's component directory.

Pass background color ​

Use background color to style the bar color.

vue
<ProgressBar :value="progress" class="bg-brand-primary" />
Edit this page on GitHub