Humidity progress bar with background
Displays humidity reading as a horizontal progress bar with background. Allows to configure value range, bar colors, and other settings.
Humidity progress bar with background
Displays humidity as a horizontal progress bar with a decorative background image, configurable value range, and color-coded segments.
Default Data Keys
- humidity (function) — relative humidity, %
Bar Configuration
- Tick min: 0%
- Tick max: 100%
Value Ranges
| Range (%) | Level | Color |
|---|---|---|
| 0–20 | Very Dry | Red |
| 20–40 | Dry | Orange |
| 40–60 | Comfortable | Blue |
| 60–80 | Humid | Dark Blue |
| 80–100 | Very Humid | Deep Blue |
Share Your Widget with the Community
Built a custom widget? Export it as a JSON from ThingsBoard and publish it to the IoT Hub through a simple 4-step wizard (Upload, Listing, Readme, Review & Submit). Share it with thousands of ThingsBoard developers worldwide and get featured in the catalog.