New component: progress bar

[stayfoolish]

Just playing around with the progress bar component, that was released yesterday. It looks like a nice tool to visualize numbers without the need to dig into the ‘D3.js’-component.

However, there is opportunity to improve it:

a)
Whilie it works nicely, when performing a calculation like:

It is not working correctly with direct input into an input field (when progress bar and input field are bound to the same pageVar):

b)
from my perspective there is no need to require an ‘inversible formula’, as the progress bar has no input-option anyways…

[Mari]

Hi @stayfoolish, thanks a lot for the feedback!

a) The problem is with the input, as it changes the value from number to text. The workaround is to cast the variable to a number whenever the input is changed. We’re planning to have separate number and text inputs in the future to avoid this problem.

b) Good catch, we’ll change that.

[stayfoolish]

added suggestion b) to the tracker:

progress bar requires 'inversible formula' | Voters | AppGyver

[stayfoolish]

Wow, component update already done!!