SaladUI - Progress

Salad UI Components Progress

SaladUI
- Welcome
- Examples
- Salad UI Components
  - Alert
  - Avatar
  - Badge
  - Breadcrumb
  - Button
  - Card
  - Checkbox
  - Dialog
  - Dropdown Menu
  - Form
  - Hover Card
  - Input
  - Label
  - Menu
  - Pagination
  - Progress
  - Radio Group
  - Scroll Area
  - Select
  - Separator
  - Sheet
  - Skeleton
  - Slider
  - Switch
  - Tab
  - Table
  - Textarea
  - Tooltip

Welcome
Welcome
Convert Shadui
Examples Convert Shadui
Core Components
Examples Core Components
Demo
Examples Demo
Server Event
Examples Server Event
Alert
Salad UI Components Alert
Avatar
Salad UI Components Avatar
Badge
Salad UI Components Badge
Breadcrumb
Salad UI Components Breadcrumb
Button
Salad UI Components Button
Card
Salad UI Components Card
Checkbox
Salad UI Components Checkbox
Dialog
Salad UI Components Dialog
Dropdown Menu
Salad UI Components Dropdown Menu
Form
Salad UI Components Form
Hover Card
Salad UI Components Hover Card
Input
Salad UI Components Input
Label
Salad UI Components Label
Menu
Salad UI Components Menu
Pagination
Salad UI Components Pagination
Progress
Salad UI Components Progress
Radio Group
Salad UI Components Radio Group
Scroll Area
Salad UI Components Scroll Area
Select
Salad UI Components Select
Separator
Salad UI Components Separator
Sheet
Salad UI Components Sheet
Skeleton
Salad UI Components Skeleton
Slider
Salad UI Components Slider
Switch
Salad UI Components Switch
Tab
Salad UI Components Tab
Table
Salad UI Components Table
Textarea
Salad UI Components Textarea
Tooltip
Salad UI Components Tooltip

Progress

Stories Playground Source

Render progress bar

Read more Read less

Example

<.progress class="w-[60%]" value={20}/>

Attributes Event logs

Attribute	Type	Documentation	Default	Value
class	:string
value	:integer		0
rest	:global

Open a variation