Best Courier Services in the World
Get A Quote

Progress bars

  • Home
  • Progress bars

Progress Bars Different Sizes

.progress

40% Complete (success)

Class: .sm

20% Complete

Class: .xs

60% Complete (warning)

Class: .xxs

60% Complete (warning)

Progress bars

40% Complete (primary)
30% Complete (default)
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete

The striped gradient can also be animated. Add .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.

60% Complete (warning)

Vertical Progress Bars Different Sizes

By adding the class .vertical and .progress-sm, .progress-xs or .progress-xxs we achieve:

40%
100%
60%
60%

Vertical Progress bars

By adding the class .vertical we achieve:

40%
40%
20%
60%
80%

Get Quotation

Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum,sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit

Pricing Rate

Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum,sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit

Basic

$15Per Month
  1. Online System
  2. Free apps
  3. full access
  4. live preview
  5. Support unlimited

Standard

$80Per Month
  1. Online System
  2. Free apps
  3. full access
  4. live preview
  5. Support unlimited

Premium

$99Per Month
  1. Online System
  2. Free apps
  3. full access
  4. live preview
  5. Support unlimited