Simple Bootstrap Progress Bars

Progress bars use some of the same button and alert classes for consistent styles. Here one more extra progress bar color that's theme color progress bar. You can add .progress-bar-theme class with .progress-bar class to get theme color progress bar.

Striped Progress Bar
Striped Active Progress Bar
Stacked Progress Bar
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Breadcrumbs
Simple Alert Messages
Dismissible and Link alerts
Dismissible alerts
Success! This alert box could indicate a successful or positive action.
Link in alerts
Thumbnails Content
RTDL Image

Thumbnail label

This is the image...

Button Button

RTDL Image

Thumbnail label

This is the image...

Button Button

Progress bar sizes

Tiny progress bar size. Using .progress-xxs class with .progress can create tiny progress bar.

Small progress bar size. Using .progress-xs class with .progress can create small progress bar.

Medium sized progress bar. Using .progress-sm class with .progress can create medium progress bar.

Large sized progress bar. Using .progress-md class with .progress can create large progress bar.

Tooltips
Popovers
Bootstrap Dropdown with effects
Example of animated bootstrap dropdown
Badges
Badges with .badge.
Images
RTDL Image RTDL Image RTDL Image
Thumbnails