{
  "name": "progress",
  "displayName": "Progress",
  "type": "native",
  "isCustomElement": false,
  "tag": null,
  "nativeTag": "progress",
  "selector": ".l-progress",
  "subItemOf": null,
  "summary": "A progress bar built on the native `<progress>` element.",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": "luxen-ui/css/progress",
    "js": null
  },
  "properties": [],
  "attributes": [
    {
      "name": "value",
      "data": false,
      "values": [],
      "description": "Current progress between `0` and `1` (omit for indeterminate)."
    },
    {
      "name": "data-orientation",
      "data": true,
      "values": [],
      "description": "vertical — Vertical orientation."
    }
  ],
  "events": [],
  "methods": [],
  "slots": [],
  "cssClasses": [
    {
      "name": ".l-progress",
      "description": "Base progress bar style."
    }
  ],
  "cssParts": [],
  "cssProperties": [
    {
      "name": "--size",
      "default": "4px",
      "description": "Bar thickness."
    },
    {
      "name": "--track-color",
      "default": null,
      "description": "Track background color."
    },
    {
      "name": "--indicator-color",
      "default": null,
      "description": "Fill/indicator color."
    },
    {
      "name": "--indeterminate-animation",
      "default": null,
      "description": "Animation name for the indeterminate state."
    }
  ],
  "commands": [],
  "examples": [
    {
      "title": "Determinate",
      "language": "html",
      "code": "<progress class=\"l-progress\" value=\"0.5\"></progress>"
    }
  ]
}