Version 1.0.0

Statistics

48%
Success
Danger
New Website
45%
45% Complete
Contacts
90%
90% Complete
New Tickets
20%
20% Complete

Project block

Minimalistic blocks with project details.

Project Beta

A simple project title

  • Progress:
    29%
  • End date:
    31 Feb
  • Developer:
    Steven
  • Design by:
    CreativeMilk
Status:
Finished

Website Zeta

A simple project title

  • Progress:
    66%
  • End date:
    11 Jan
  • Developer:
    Wyatt
  • Design by:
    Apple
Status:
Canceled

Client Charlie

A simple project title

  • Progress:
    60%
  • End date:
    21 Sep
  • Developer:
    Linda
  • Design by:
    Envato

Document Alpha

A simple project title

  • Progress:
    5%
  • End date:
    10 Dec
  • Developer:
    Linda
  • Design by:
    CreativeMilk
Status:
Pending

File Tango

A simple project title

  • Progress:
    100%
  • End date:
    03 Feb
  • Developer:
    Jessica
  • Design by:
    CreativeMilk
Finished:

Document Xena

A simple project title

  • Progress:
    45%
  • End date:
    1 Feb
  • Developer:
    Linda
  • Design by:
    Apple
45% Complete
Top

Statistic blocks

A couple of statistic blocks.

Sales
$9568
Total
+ 240%
1904
Orders
255
Sales
2889
Clients
Clicks
- 176%
9599
Social
6712
Google
Search results
29999
Google
VS
10609
Yahoo
75% Complete
(75%)
(25%)
Comments
+ 57%
547710
Total
12040
Pending
40009
Aproven
Projects A + B
Project A
28%
28% Complete
Project B
77%
77% Complete
Top

jQuery knob plugin

Use cool circular stats to show data.

89%
Radius 40
24%
Default
67%
Radius 60
Custom knob

This is an custom made layout build on top of the jQuery knob plugin. The default value has been disabled and we put our own value(s) in the circle. Default radius is 50px(100 x 100).

103 89%
Year
8128 21%
Month
69103 67%
Year
Custom knob

This is an custom made layout build on top of the jQuery knob plugin. The default value has been disabled and we put our own value(s) in the circle. Default radius is 50px(100 x 100).

Facebook
Twitter
Google+
Custom knob

This is an custom made layout build on top of the jQuery knob plugin. The default value has been disabled and we put our own value(s) in the circle. Default radius is 50px(100 x 100).

2779 + 31%
This day Lorem ipsum View
12899 + 77%
This month Lorem ipsum View
7895 - 21%
This Year Lorem ipsum View
Info box

Add a simple info box next to the circular stats with a short title, description and button.

Gage 1
4509
0
Visitors
100
Gage 2
87650
0
Views
100
Gage 3
12549
0
Sales
100
Gage

You can transform the knob into a gage. The gage has just one size.

Top

Value blocks

Simple blocks with data inside.

28%
79%
98%
37%
One value

Show a minimal block with a single value inside it.

28%
79%
98%
37%
Grouped

A couple of single value blocks grouped.

1778 Clicks
7545 Views
4459 Sales
Two block.

Show a minimal block with a two values inside it.

1778 Clicks
7545 Views
4459 Sales
Grouped

A couple of duo value blocks grouped.

1778 Clicks
5698 Sales
Knob

Add a circular knob to the values.

Comments

Lorem ipsum dolor

Google +

Lorem ipsum dolor

Icon & text

A big icon with titel and text.

Top

Bar meter

Simple CSS bar meter.

Meter

Show a simple meter.

Small

Use a extra class to scale down the meter.

Graph

Turn a meter into a graph.

Small

Use a extra class to scale down the meter.

Upside down

Turn a graph upside down.

No background color

Remove the background color.

Top

Bootstrap progressbar

Bootstrap default progressbar with extra options.

Inside a widget

60% Complete
Default

Default version of the progressbar.

60% Complete
Small progressbar.

Smaller progressbar.

60% Complete
Large progressbar

A bigger progressbar.

35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Stacked progressbar.

You can stack a progressbar and use different colors.

Top

Horizontal progressbar

Big horizontal progressbar with img-thumbnail.

30%
78%
61%
15%

Vertical progressbar

Big vertical progressbar with img-thumbnail.

30%
78%
61%
15%
98%
Top

Progressbar example 1

Example how to use the bootstrap progressbars.

Inside a widget

New Website
45%
45% Complete
Update Contacts
90%
90% Complete
New Tickets
20%
20% Complete
Top

Progressbar example 2

Example how to use the bootstrap progressbars.

5238
Active users
90% Complete
59098
Visitors Today
50% Complete
95%
Sales this month
24% Complete