Demonstration of a vertical "thermometer" that can be used to track progress, using pure css and implementing templatestyles. The parameter |val= is the quantity tracked. The parameter |max= is its maximum value (defaults to 100).

This sandbox can be used to test changes to the TemplateStyles stylesheet Template:Thermometer/sandbox1/styles.css.

Usage

edit
Examples
{{Thermometer/sandbox1 |val=123 |max=456}}
{{Thermometer/sandbox1 |val=80}}