Forum Discussion

WojciechGrzegor's avatar
WojciechGrzegor
Community Member
3 years ago

Graphic controlled by variable

I'm building a course where user, through good/bad answers, control the number value (add/subtract). 
There should be graphic representation comparing where user place to where he should be. It should look like progress bar or thermometer. 

My issue is that I don't know how to control placement of graphic by value. Let's say I have 10 places where "bar" should start and that start point should be indicated by current value number. 

 

I also thought about having 10 graphics in "hidden" state where chosen one is turned to "normal" when value is X. But I can't figure out if I can control multiple objects with one trigger. 

  • MichaelHinze's avatar
    MichaelHinze
    Community Member

    The easiest way to do this would be to use a slider, where the slider variable (and with that the slider thumb) indicates progress. 

  • Hi, Wojciech.

    Thank you for reaching out!

    I agree with Michael that a slider will likely be the easiest way to indicate progress through a variable. I wanted to share another option, however, if you want more control over the look of the graphic: you can use states. Take a look at the discussion below for a suggestion:

    I hope this helps!