Text Percentage Widget

The Text Percentage Widget formats values between 0 and 100 as percentage strings with automatic color thresholds (e.g. green > 50%, yellow 20–50%, red < 20%).

JSON schema

{
  "id": "battery_percentage",
  "type": "text",
  "x": 10,
  "y": 70,
  "w": 180,
  "h": 30,
  "value": 85,
  "formatter": {
    "type": "percentage",
    "fontSize": 14,
    "showPercentSign": true,
    "lowThreshold": 20,
    "lowColor": "RED",
    "midThreshold": 50,
    "midColor": "YELLOW",
    "highColor": "GREEN",
  },
}