<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=241066823005528&amp;ev=PageView&amp;noscript=1">

Modules

Score meter (Omni Pro)

This module ships in Omni Pro.

A big overall score, bars that fill to their values when they scroll into view, a list panel and a closing note. For audit results, benchmarks, satisfaction scores or any set of measured values.

On this page

Set up the content

  1. Overall score: The label above it (a domain, a product), the Score, Out of (printed as «/ 100») and a note.
  2. Bars: One per dimension with a label and value. Maximum 0 uses the overall maximum.
  3. List panel: An icon, a heading and up to eight numbered items.
  4. Closing text under the panel.

Choose the look

SettingWhat it does
Styles → Layout → LayoutScore above the bars, or beside them (the score stays in view while the bars scroll)
Styles → Layout → Content max widthWidth of the column in the stacked layout
Styles → Layout → Bar height and Show valuesThickness of the bars and the value beside each label
Styles → Layout → AnimateBars fill and the score counts up when the module scrolls into view
Styles → ColorsBar, 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».

Support

Did this answer your question?

If not, write to us and say which page you were on.