{
  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
  "name": "progress-bar",
  "type": "hyperframes:block",
  "title": "Progress bar",
  "description": "A thin bar near the bottom that fills over the clip's whole duration. Retention device for shorts: viewers see how little is left.",
  "tags": [
    "overlay",
    "progress",
    "retention",
    "portrait"
  ],
  "author": "HyperFrame Studio",
  "dimensions": {
    "width": 1080,
    "height": 1920
  },
  "duration": 15,
  "variables": [
    {
      "id": "accent",
      "type": "color",
      "role": "style",
      "label": "Fill colour",
      "default": "#f5b942"
    },
    {
      "id": "track",
      "type": "color",
      "role": "style",
      "label": "Track colour",
      "default": "#27272a"
    }
  ],
  "files": [
    {
      "path": "progress-bar.html",
      "target": "compositions/progress-bar.html",
      "type": "hyperframes:composition",
      "url": "https://registry.softx.world/blocks/progress-bar/progress-bar.html"
    }
  ],
  "compositionId": "progress-bar",
  "runtime": "gsap"
}