Flow rate progress bar
Displays flow rate reading as a horizontal progress bar. Allows to configure value range, bar colors, and other settings.
Flow rate progress bar
Displays the current flow rate as a horizontal progress bar with configurable value range and color-coded segments.
Default Data Keys
- flowRate (function) — flow rate, m³/hr
Progress Bar Range
- Minimum: 0 m³/hr
- Maximum: 100 m³/hr
Bar Color Ranges
| Range (m³/hr) | Level | Color |
|---|---|---|
| 0–10 | Low | Blue |
| 10–30 | Normal | Green |
| 30–50 | Elevated | Orange |
| 50+ | High | Red |
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.