@umbraco-ui/uui-loader-bar/custom-elements.json

A loader element in form of bar. Can show progress

{
  "version": "experimental",
  "tags": [
    {
      "name": "uui-loader-bar",
      "path": "./lib/uui-loader-bar.element.ts",
      "attributes": [
        {
          "name": "progress",
          "description": "Set this to a number between 0 and 100 to reflect the progress of some operation. When the value is left at 0 loader will looped animation",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "animationDuration",
          "description": "Set this to a number greater then 0 to define the length of loader animation in seconds. Passing 0 or a negative number as a value will set it to 1 second. This is because negative values are illegal in the `animation-duration` css property, and value of 0 just stops the animation.",
          "type": "number",
          "default": "\"1\""
        }
      ],
      "properties": [
        {
          "name": "progress",
          "attribute": "progress",
          "description": "Set this to a number between 0 and 100 to reflect the progress of some operation. When the value is left at 0 loader will looped animation",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "animationDuration",
          "attribute": "animationDuration",
          "description": "Set this to a number greater then 0 to define the length of loader animation in seconds. Passing 0 or a negative number as a value will set it to 1 second. This is because negative values are illegal in the `animation-duration` css property, and value of 0 just stops the animation.",
          "type": "number",
          "default": "\"1\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ]
    }
  ]
}