Indoor temperature progress bar

Who it’s for

Facility managers, building managers, and smart home owners ask “how far is the current temperature from the comfort boundaries?” A horizontal progress bar shows both the value and its position within the full operating range in a compact, scannable format.

What it does

A sensor reporting temperature = 21°C fills a horizontal bar proportionally between 0°C and 40°C, with the filled portion colored by comfort level: blue for Cold (below 18°C), light green for Comfortable (18–24°C), and red for Hot (above 24°C).

• Horizontal progress bar shows the temperature value as a proportion of the full 0–40°C operating range
• Color-coded fill signals Cold, Comfortable, or Hot at a glance without reading the scale
• Shows one sensor’s reading per widget; add multiple widgets to compare rooms side by side

How to set up

Data keys

Key	Role	Type	Description
temperature	Bar value	Timeseries	Indoor temperature in °C; change the key name to match your device’s telemetry key

The widget ships with a simulated function datasource key labeled Temperature, so it draws random values until you point the datasource at a device and rename the key.

To point it at your own device: open the dashboard in edit mode, open the widget’s Datasources, pick the entity or entity alias, and replace the function key with the key your device reports.

Value ranges

Range (°C)	Level	Color
0–18	Cold	Blue
18–24	Comfortable	Green
24+	Hot	Red

How to customize

• To change the bar range — open the widget settings and adjust the minimum and maximum tick values to match your expected temperature range.
• To change the comfort thresholds — adjust the segment boundaries in the widget settings.
• To change the segment colors — edit the color for each segment in the widget settings.

Tips

• Stack progress bars for temperature, humidity, and CO2 vertically for a compact single-room comfort panel — the uniform bar format makes it easy to scan all three parameters at once.
• A bar filled to the right edge in the red segment indicates a room close to or above 40°C, which suggests a cooling failure or a data-logging sensor placed too close to a heat source — useful information for troubleshooting sensor placement.
• For multi-room dashboards, the horizontal bar format allows more zones per column than a card widget while still conveying the relative position of the reading within the expected range.