องค์ประกอบความก้าวหน้า

ทรัพย์สินประเภทจำเป็นตัวอย่างช่วงค่าคำอธิบาย
progressTypestringtrue--ประเภทของตัวบ่งชี้ความก้าวหน้า (เช่น แถบ, วงกลม).
trackColorstringfalse--สีของเส้นทางความก้าวหน้าในรูปแบบฮีซ.
trackAlphanumberfalse-0 - 1ระดับความโปร่งใสของเส้นทางความก้าวหน้า โดย 1 แสดงถึงความทึบเต็มที่ และ 0 แสดงถึงความโปร่งใสเต็มที่.
railColorstringfalse--สีของรางความก้าวหน้า (พื้นหลัง) ในรูปแบบฮีซ.
railAlphanumberfalse-0 - 1ระดับความโปร่งใสของรางความก้าวหน้า โดย 1 แสดงถึงความทึบเต็มที่ และ 0 แสดงถึงความโปร่งใสเต็มที่.
trackHeightnumberfalse--ความสูงของเส้นทางความก้าวหน้าเป็นพิกเซล.
borderColorstringfalse--สีของขอบความก้าวหน้าในรูปแบบฮีซ.
borderAlphanumberfalse-0 - 1ระดับความโปร่งใสของขอบความก้าวหน้า โดย 1 แสดงถึงความทึบเต็มที่ และ 0 แสดงถึงความโปร่งใสเต็มที่.
borderWidthnumberfalse--ความกว้างของขอบความก้าวหน้าเป็นพิกเซล.
labelsarrayfalse--อาร์เรย์ของวัตถุป้ายสำหรับตัวบ่งชี้ความก้าวหน้า.

หมายเหตุ: progressType จะกำหนดรูปแบบการแสดงผลของตัวบ่งชี้ความก้าวหน้า ในขณะที่ trackColor และ railColor จะกำหนดลักษณะของความก้าวหน้าและพื้นหลังตามลำดับ

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