I am building a app with some gamified elements and want to show my users a visual representation of how far along in a level they are via a rectangular bar, like World of Warcraft used too. My thoughts on doing this was to set the width of a visible element based on 2 things:
- A simple calculation of how far through the level a user is in percentage terms.
- Render a visible rectangle of a certain length, depending on the percentage the user is at for the level.
My original thought was to add dynamic data into the width of a rectangle, but you can’t add dynamic data in that field, it needs to be manually entered.
Has anyone built any level bars in Bubble before, and if so, how did you do it?
Any help greatly appreciated.