The overall score above the bars and the list of what to fix
Set up the content
- Overall score: The label above it (a domain, a product), the Score, Out of (printed as «/ 100») and a note.
- Bars: One per dimension with a label and value. Maximum 0 uses the overall maximum.
- List panel: An icon, a heading and up to eight numbered items.
- Closing text under the panel.
Choose the look
| Setting | What it does |
|---|---|
| Styles → Layout → Layout | Score above the bars, or beside them (the score stays in view while the bars scroll) |
| Styles → Layout → Content max width | Width of the column in the stacked layout |
| Styles → Layout → Bar height and Show values | Thickness of the bars and the value beside each label |
| Styles → Layout → Animate | Bars fill and the score counts up when the module scrolls into view |
| Styles → Colors | Bar, track, value and panel colors |
Good to know
- Everything is rendered on the page, so the bars are complete without JavaScript, in the editor and for visitors who prefer reduced motion.
- Values with decimals keep them, «84.2» stays «84.2».