Progress Bars

Progress Bars

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

Default Progress Bars

Default progress bars are simple and css driven.

Primary with progress-bar-primary class.

Info with progress-bar-info class.

Success with progress-bar-success class.

Warning with progress-bar-warning class.

Danger with progress-bar-danger class.

Inverse with progress-bar-inverse class.

  <div class="progress">    
    <div class="progress-bar progress-bar-primary" style="width: 20%"></div>
  </div>
  

Striped Progress Bars

Sriped Progress bars made with CSS3 gradients, just add the progress-striped class

Note Does not work with browsers that do not support CSS3 gradients or animations, like IE9

Info

Animated Progressbars

Animated progressbars with CSS3, just add a class active with progress-striped

Inverse

Stacking progressbars

You can stack one progressbar on top of another simply by including them all in the same div.progress

  • © 2016 KaijuThemes
Alerts

Sets alerts to get notified when changes occur to get new alerming items

Notifications

You will receive notification email for any notifications if you set notification

Messages

You will receive notification on email after setting messages notifications

Warnings

You will get warnning only some specific setttings or alert system

Sidebar

You can hide/show use with sidebar collapsw settings

Recent Activities
  • add
    Jana Pena is now Follwing you 2 min ago
  • textsms
    Percy liaye Like your picture 6 min ago
  • done
    Leon miles make your presentation for new project 2 hours ago
  • favorite
    Lake wile like your comment 5 hours ago
  • attach_money
    The Mountain Ambience paid your payment 9 hours ago
Contacts
  • Jon Owens Online
  • Nina Huges Offline
  • Austin Lee Busy
  • Grady Hines Away
  • Adrian Barton Online
Fixed Header
Boxed Layout
Collapse Leftbar
Brand
Topnav
Sidebar