The website I’m building is a petitions site. The site collects signatures. My client would like to inclue a progress bar indicating how many signatures have been collected so far for the petition out of certain objective.
I created a normal progress bar and I manually change its width (25% if the petition collected 2,500 signatures out of 10,000 goal).
But because each petition is a CMS item, everytime I change the width of the progress bar, it changes every other bar in the other items.
So I have 2 questions:
- Is it possible to fetch the data of the number of signature and to “convert” it into a certain width?
- Is it possible to also do it for a petition that is a collection item?
I read this topic: Use CSS-Calc to control dimensions depending on a CMS variable which is a similar topic but doesn’t explain exactly what I need. This is why I’m creating my own topic
Thanks a lot in advance
Find below the read-only link of the project.