Webstrot Admin

- Recent Notifications
  - 02:34 PM
    Mr. Ajay
    5 members joined today
  - 02:34 PM
    Mr. Ajay
    likes a photo of you
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - See All
- 2 New Messages
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - See All
- Ajay
  Upgrade Now

  30 Days Trail

  - Profile
  - My Balance
  - My Task
  - My Calender
  - Inbox
  - Setting
  - Help
  - Lock Screen
  - Logout

# Dashboard

#### Basic Progress Bar

To create a default progress bar, add a `.progress` class to a `<div>` element:

70% Complete

#### Progress Bar With Label

Remove the `.sr-only` class from the progress bar to show a visible percentage:

70%

#### Colored Progress Bars

The contextual classes that can be used with progress bars are `.progress-bar-primary`, `.progress-bar-success`, `.progress-bar-info`, `.progress-bar-danger`,

40% Complete (primary)
40% Complete (success)
50% Complete (info)
60% Complete (warning)
70% Complete (danger)

#### Striped Progress Bars

Add class `.progress-bar-striped` to add stripes to the progress bars:

40% Complete (primary)
40% Complete (success)
50% Complete (info)
60% Complete (warning)
70% Complete (danger)

#### Animated Progress Bar

Add class `.active` to animate the progress bar:

40%
40%
50%
60%
70%

#### Stacked Progress Bars

Create a stacked progress bar by placing multiple bars into the same `<div class="progress">`:

Free Space
Warning
Danger