Back
Jonathan Mel
Hello!
Meeting at 16:00 in the conference room. Remember?
No problem. Thank's for reminder!
Prepare to be amazed.
Good. Can't wait!
John Doeuploaded monthly report
12 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
3 hours ago
Layouts
Default
Compact Sidebar
Fixed Header
Boxed Wrapper
Skins
Progress
Default
To caption a progress bar, simply add a <div>with your caption text and associate the caption with the <progress>element using the aria-describedbyattribute.
Reticulating splines… 0%
Reticulating splines… 25%
Reticulating splines… 50%
Reticulating splines… 75%
Reticulating splines… 100%
IE9 support
Internet Explorer 9 doesn’t support the HTML5 <progress>element, but we can work around that.
Reticulating splines… 25%
Contextual alternatives
Progress bars use some of the same button and alert classes for consistent styles.
Striped
Uses a gradient to create a striped effect.
Size
Add .progress-lgor .progress-smfor additional sizes.
Skill bars
PHP 75%
RUBY 40%
HTML 100%