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>

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


Animated Progressbars

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


Stacking progressbars

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

  • © 2016 KaijuThemes

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


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


You will receive notification on email after setting messages notifications


You will get warnning only some specific setttings or alert system


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
  • Jon Owens Online
  • Nina Huges Offline
  • Austin Lee Busy
  • Grady Hines Away
  • Adrian Barton Online
Fixed Header
Boxed Layout
Collapse Leftbar