Indielayer UI - Vue.js 3 / Nuxt.js 3 UI Library with Tailwind CSS 4. ⚡️  Build and prototype fast web applications.

Indielayer
Indielayer UIIndielayer UI
UI
v2.1.0

Progress

Bar that shows how far a task or process has completed. Use progress for uploads, multi-step jobs, and determinate loading states.

#
Usage

Basic example with common props.

#
Variants

Color and style variants.

#API

Progress

props

Name
Description
Type
Default
Values
Required
color
Theme or CSS color used for the control accents.
String
primary
percentage
Fill amount from 0 to 100.
Number
String
0
gradient
Uses a gradient fill instead of a solid color.
Boolean
false
animate
Animates width changes when the percentage updates.
Boolean
true
thick
Increases the bar thickness.
Boolean
false