The Result element is ideal for visually showing where a person fits within a scale or classification. It brings a bar with levels (such as “Low”, “Medium”, “High”) and a marker with the user’s position, making performance or progress clear.What it’s for
Display a level based on quiz/test score.
Show degree of preparation, knowledge, evolution, etc.
Indicate a clear position within a visual and intuitive scale.
What you can configureText:
Title (e.g., “Preparation Level”).
Result (e.g., “Healthy”).
Label (e.g., “You are here”).
Score:
Value that positions the marker on the scale.
Levels:
Names of the three levels displayed below the bar (e.g., Low, Medium, High).
Custom colors:
Initial and final gradient color of the background.
Background text color and bar text color.
Initial and final gradient color of the bar.
Animation:
Entry type (e.g., appear).
Usage tip!This element is perfect for diagnosis pages, test results, or performance assessments. Use engaging titles and levels that speak to your audience. For example:
“You are at the Advanced level! Congratulations!”
“There’s still room for improvement… Your level is Intermediate.”