進度元素

屬性類型必要範例值範圍描述
progressTypestringtrue--進度指示器的類型(例如,條形,圓形)。
trackColorstringfalse--進度軌道的顏色,以十六進制格式表示。
trackAlphanumberfalse-0 - 1進度軌道的透明度級別。1 代表完全不透明,0 代表完全透明。
railColorstringfalse--進度軌道(背景)的顏色,以十六進制格式表示。
railAlphanumberfalse-0 - 1進度軌道的透明度級別。1 代表完全不透明,0 代表完全透明。
trackHeightnumberfalse--進度軌道的高度,以像素為單位。
borderColorstringfalse--進度邊框的顏色,以十六進制格式表示。
borderAlphanumberfalse-0 - 1進度邊框的透明度級別。1 代表完全不透明,0 代表完全透明。
borderWidthnumberfalse--進度邊框的寬度,以像素為單位。
labelsarrayfalse--進度指示器的標籤對象數組。

注意:progressType 決定進度指示器的視覺風格,而 trackColorrailColor 分別定義進度和背景的外觀。

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 }
]
}