进度元素

属性类型必需示例值范围描述
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 }
]
}