1# LoadingProgress 2 3用于显示加载动效的组件。 4 5> **说明：** 6> 7> 该组件从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 8 9 10## 子组件 11 12无 13 14 15## 接口 16 17LoadingProgress() 18 19创建加载进展组件。 20 21从API version 9开始，该接口支持在ArkTS卡片中使用。 22 23## 属性 24 25除支持[通用属性](ts-universal-attributes-size.md)外，还支持以下属性： 26 27| 名称 | 参数类型 | 描述 | 28| -------- | -------- | -------- | 29| color | [ResourceColor](ts-types.md#resourcecolor) | 设置加载进度条前景色。<br/>默认值：<br/>API version 10及以下：'#99666666'<br/>API version 11及以上：'#ff666666'。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。 | 30| enableLoading<sup>10+</sup> | boolean | 设置LoadingProgress动画显示或者不显示。<br/>默认值：true。<br/>**说明：**<br/> LoadingProgress动画不显示时，该组件依旧占位。<br/>通用属性Visibility.Hidden隐藏的是包括border、padding等整个组件范围，而enableLoading=false只隐藏LoadingProgress本身动画内容，不包括border等。| 31 32## 事件 33 34支持[通用事件](ts-universal-events-click.md)。 35 36## 示例 37 38```ts 39// xxx.ets 40@Entry 41@Component 42struct LoadingProgressExample { 43 build() { 44 Column({ space: 5 }) { 45 Text('Orbital LoadingProgress ').fontSize(9).fontColor(0xCCCCCC).width('90%') 46 LoadingProgress() 47 .color(Color.Blue) 48 .layoutWeight(1) 49 }.width('100%').margin({ top: 5 }) 50 } 51} 52``` 53 54 55
