Skip to content

Progress bar


The Progress bar element can be used to put a Progress bar on your card

ParameterDescription
idID Parameter that will be used in error messages
typeElement type. In this case it’s “Progress bar”
valueCurrent progress value of the Progress bar.
maxThe maximum value of the Progress bar
colorColor of the text
bg_colorBackground color of the Progress bar
layerLayer of the text. Can be any number but is useful to control which text goes on top of which element.
positionContains “x” and “y”. Used to specify the position of the text.
sizeContains “width” and “height”. Used to specify the size of the text. In this case also “auto” for both width and height can be used to use the size of the original image.
border_radiusThe rounding of the Progress bar
transparencyThe transparency of the Progress bar
{
"id": "1",
"type": "progressbar",
"value": 60,
"max": 100,
"color": "#FF0000",
"bg_color": "#333333",
"position": {
"x": 1,
"y": 1
},
"size": {
"width": 200,
"height": 30
},
"transparency": 100,
"layer": 1,
"border_radius": 0
}