- Components
- Example Component
- Themes
- Example Theme
- Layouts
- Example Layout
- Atoms
- Buttons
- Colors
- Fonts
- Forms
- Images
- Tables
- Typography
- Molecules
- Alerts
- Badges
- Breadcrumbs
- Cards
- Carousel
- Pagination
- Panels
- Progress Bars
- Search
- Tabs
- Tooltips
- Organisms
- Footer
- Header
Progress Bars
Provides up-to-date feedback on the progress of a workflow or action.
Red Progress Bar
<!-- Red Progress Bar --> <progress max="100" value="80"></progress>
Yellow Progress Bar
<!-- Yellow Progress Bar --> <progress class="yellow" max="100" value="80"></progress>
Green Progress Bar
<!-- Green Progress Bar --> <progress class="green" max="100" value="80"></progress>