This is how you do it for 1 progressbar:
Create 2 computed-for-display text fields next to eachother (no space in between).
Set the font for the fields to ”Webdings”. In this font, the letter ”g” represents a little block. You see where we are heading to?
Give the first field a brighter font color (like the green I used) and the second field some gray or something.
You also need 2 datafields giving the value and the maximum value, say we call them ”Score” and ”MaxScore”. The values of these fields will function as a source for the progress bar.
The first field gets this value:
@Repeat("g";@Round(Score/MaxScore*20))
The second field gets this value:
@Repeat("g";20-@Round(Score/MaxScore*20))
That’s it!
The numbers ”20″ in the code are the different steps that are possible, adjust according to your needs.
You can do some styling by changing the font size, the colors, font properties, or even the used symbol.