Numbers & Progress

Number Sections and Progress Bars serve as interactive ways to display progress statistics pertaining to a subject, product or project on the site.

Site Goal(s): Provide Information | Use Case(s): Create Urgency, Credibility, Features, Page Content

0

Performance: The Numbers & Progress module has a performance rating of 4/5.
Recommendation: Although animated, the standard version of this module is lightweight. Use as needed, but in moderation.

Numbers & Progress

Horizontal Bar Vertical Bar Number Counter Circle Counter Semicircular Bar

Horizontal Bar

Bar Appearance: Horizontal
Bar Progress Type: Color
Striped Selector: Yes
Horizontal Layout: Number & text above progress bar

JS
0%
PHP
0%
HTML
0%

Vertical Bar

Bar Appearance: Vertical
Bar Progress Type: Image
Striped Selector: No
Horizontal Layout:
Number & text below progress bar

fruit
0%
Bread
0%
Meat
0%
Sugar
0%
Veggies
0%

Number Counter

Counter Style: Only numbers
Number Range: Custom Range
Image Type: Icon
Image Position:
Right of text & heading on left side
Left of text & heading on right side

0

Page Likes

0

Subscribers

0

Followers

0m

Streamers

Circle Counter

Counter Style: Circle
Number Range: In percentage
Image Type: Icon
Image Position: Above heading

0%

Apple

0%

Windows

0%

Android

0%

Linux

Semicircular Bar

Bar Appearance: Semicircular
Bar Progress Type: Color (only color is possible with semicircular bar)
Striped Selector: No
Layout: Center

0%

0 100
0%

0 100
0%

0 100
0%

0 100