Elemento de Progresso

PropriedadeTipoNecessárioExemploFaixa de ValoresDescrição
progressTypestringtrue--O tipo de indicador de progresso (por exemplo, barra, círculo).
trackColorstringfalse--A cor da trilha de progresso, em formato hex.
trackAlphanumberfalse-0 - 1O nível de transparência da trilha de progresso. 1 representa opacidade total, e 0 representa transparência total.
railColorstringfalse--A cor do trilho de progresso (fundo), em formato hex.
railAlphanumberfalse-0 - 1O nível de transparência do trilho de progresso. 1 representa opacidade total, e 0 representa transparência total.
trackHeightnumberfalse--A altura da trilha de progresso, em pixels.
borderColorstringfalse--A cor da borda de progresso, em formato hex.
borderAlphanumberfalse-0 - 1O nível de transparência da borda de progresso. 1 representa opacidade total, e 0 representa transparência total.
borderWidthnumberfalse--A largura da borda de progresso, em pixels.
labelsarrayfalse--Um array de objetos de rótulo para o indicador de progresso.

Nota: O progressType determina o estilo visual do indicador de progresso, enquanto trackColor e railColor definem a aparência do progresso e do fundo, respectivamente.

progressElement.json
{
"id": "progress-element-id",
"type": "Progress",
"start": 0,
"duration": 10,
"trackIndex": 0,
"x": 100,
"y": 100,
"progressType": "bar",
"trackColor": "#4CAF50",
"trackAlpha": 1,
"railColor": "#E0E0E0",
"railAlpha": 1,
"trackHeight": 20,
"borderColor": "#000000",
"borderAlpha": 1,
"borderWidth": 1,
"labels": [
  { "text": "0%", "position": 0 },
  { "text": "100%", "position": 1 }
]
}