Numbers & Progress
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
Tool Tips - Number Sections
Horizontal Bar
- Bar Appearance: Horizontal
- Bar Progress Type: Color
- Striped Selector: Yes
- Horizontal Layout: Number & text above progress bar
Vertical Bar
- Bar Appearance: Vertical
- Bar Progress Type: Image
- Striped Selector: No
- Horizontal Layout:
Number & text below progress bar
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
Circle Counter
- Counter Style: Circle
- Number Range: In percentage
- Image Type: Icon
- Image Position: Above heading
Semicircular Bar
- Bar Appearance: Semicircular
- Bar Progress Type: Color (only color is possible with semicircular bar)
- Striped Selector: No
- Layout: Center