<?xml version="1.0" encoding="UTF-8"?>
<template name="Goal bar" category="Alerts" description="Follower or sub goal progress bar — set the percent filled." anim="slide-up" from="bottom" animMs="450">
  <field id="label" label="Label" default="Follower goal"/>
  <field id="value" label="Value text" default="650 / 1000"/>
  <field id="percent" label="Percent filled (0–100)" type="number" default="65" min="0" max="100" step="1"/>
  <field id="accent" label="Accent start" type="color" default="#22c55e"/>
  <field id="accent2" label="Accent end" type="color" default="#84cc16"/>

  <rect x="110" y="928" w="1040" h="104" radius="14" fill="rgba(10,12,16,0.92)"/>
  <text id="label" x="134" y="952" size="26" weight="800" color="#ffffff" maxWidth="620" if="label">{label}</text>
  <text x="1126" y="952" align="right" size="26" weight="800" font="mono" color="{accent}" if="value">{value}</text>
  <rect x="134" y="992" w="992" h="20" radius="10" fill="rgba(255,255,255,0.1)"/>
  <rect x="134" y="992" w="{percent}0" h="20" radius="10" fill="linear(90,{accent},{accent2})"/>
</template>
