Progress Bar
Progress Bar component from @bungas/ui
Progress Bar component from @bungas/ui
The ProgressBar component from Bungas UI.
Default (Primary)
Warning (Yellow)
Success (Green)
Danger (Red)
Info (Blue)
Orange
Indigo
Small
Medium
Large
Empty (0%)
Quarter (25%)
Half (50%)
Almost (75%)
Complete (100%)
With Shine (default)
Without Shine
Complete 30 lessons to earn a reward!
npm install @bungas/uiimport { ProgressBar } from "@bungas/ui"import { ProgressBar } from "@bungas/ui"
export function Example() {
return <ProgressBar />
}Default (Primary)
Warning (Yellow)
Success (Green)
Danger (Red)
Info (Blue)
Orange
Indigo
Small
Medium
Large
Empty (0%)
Quarter (25%)
Half (50%)
Almost (75%)
Complete (100%)
With Shine (default)
Without Shine
Complete 30 lessons to earn a reward!