{
  "apiVersion": 2,
  "name": "webdevia/progress-bar",
  "version": "0.1.0",
  "title": "progress-bar",
  "category": "webdevia",
  "icon": "smily",
  "description": "The progress bar block is an effective way to display numerical data in a visual format. With customizable options, you can choose the color, style, and percentage value for each progress bar.",
  "attributes": {
    "unit": {
      "type": "string"
    },
    "bars": {
      "type": "array",
      "default": [
        {
          "title": "Bar 1",
          "value": 60,
          "color": "#4965fd"
        },
        {
          "title": "Bar 2",
          "value": 90,
          "color": "#f27573"
        },
        {
          "title": "Bar 3",
          "value": 75,
          "color": "#f2cd66"
        }
      ]
    },
    "gap": {
      "type": "number",
      "default": 5
    },
    "radius": {
      "type": "number",
      "default": 50
    },
    "pRadius": {
      "type": "number",
      "default": 15
    },
    "stripes": {
      "type": "boolean",
      "default": false
    },
    "stripesAnnimate": {
      "type": "boolean",
      "default": false
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "__experimentalDefaultControls": {
        "background": false,
        "text": true
      }
    }
  },
  "example": {
    "attributes": {
      "preview": true,
      "blockOnly": true
    }
  },
  "keywords": [
    "wd",
    "webdevia",
    "progress",
    "bar"
  ],
  "textdomain": "webdevia-blocks",
  "editorScript": "file:./index.js",
  "viewScript": "file:./view.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}