Interactive progress bar

I need to add progress bar with interactive controls (not slider) so user can modify and change value like the one in plugins but with user input

You can just use this. Create a state with the data type being a number. Then create some input that the user can change. The new value can be saved as a state.

Would that work?

it works but mmm not quiet what I’m looking for , I need the when I touch the progress bar it update

Oh, I see, Well if you are only allowing users to input a few values (like 0, 25, 50, 75, 100), you can do the following:

  1. Put the progress bar in a group.
  2. Add another group inside the one you just made. Send this new group to the top so it’s over the progress bar.
  3. Add x amount of clickable elements inside the new group you just made. In the 0, 25, 50, 75, 100 example, you would create 5 clickable elements (1 for each value) and position them in a way so, for example, when a user clicks in the middle of the progress bar, they will actually be clicking a clickable element. That element’s workflow would “set a state” (number). In this example, that number would be 50. That state would be displayed as the progress bar’s value.

This is a real workaround but it could work. Give it a try.

1 Like

love it nice trick :slight_smile:. Thank a lot

1 Like

No problem! If you can, please share it with me so I can see how well it works.

check out here https://try999.bubbleapps.io/version-test?debug_mode=true

1 Like

GREAT WORK! Glad that method worked.

This topic was automatically closed after 70 days. New replies are no longer allowed.