Noora (0.23.1)
Pick a color mode
Light
Dark
System
Progress Bar
Quick search...
⌘K
Noora
Alert
Avatar
Badge
Banner
Breadcrumbs
Button
Button Group
Card
Chart
Checkbox
Digit Input
Dismiss Icon
Dropdown
Hint Text
Label
Line Divider
Link Button
Modal
Neutral Button
Pagination Group
Progress Bar
Status Badge
Tab Menu Horizontal
Tab Menu Vertical
Table
Tag
Text Area
Text Divider
Text Input
Time
Tooltip
- 0.9.3
Alert
Alert
Avatar
Avatar
Badge
Badge
Banner
Banner
Breadcrumbs
Breadcrumbs
Button
Button
Button Group
Button Group
Card
Card
Chart
Chart
Checkbox
Checkbox
Digit Input
Digit Input
Dismiss Icon
Dismiss Icon
Dropdown
Dropdown
Hint Text
Hint Text
Label
Label
Line Divider
Line Divider
Link Button
Link Button
Modal
Modal
Neutral Button
Neutral Button
Pagination Group
Pagination Group
Progress Bar
Progress Bar
Status Badge
Status Badge
Tab Menu Horizontal
Tab Menu Horizontal
Tab Menu Vertical
Tab Menu Vertical
Table
Table
Tag
Tag
Text Area
Text Area
Text Divider
Text Divider
Text Input
Text Input
Time
Time
Tooltip
Tooltip
Progress Bar
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
HTML
Storage Used:
150
200
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
Required
value
*
:integer
The current value.
Required
max
*
:integer
Maximum value.
title
:string
The title of the progress bar
rest
:global
description
:slot
Open a variation
Basic progress bar configurations
Different progress completion levels
Progress bars with different maximum values
Edge cases and special scenarios