1# LoadingProgress 2 3The **\<LoadingProgress>** component is used to create a loading animation. 4 5> **NOTE** 6> 7> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version. 8 9 10## Child Components 11 12Not supported 13 14 15## APIs 16 17LoadingProgress() 18 19Creates a **\<LoadingProgress>** component. 20 21Since API version 9, this API is supported in ArkTS widgets. 22 23## Attributes 24 25| Name| Type| Description| 26| -------- | -------- | -------- | 27| color | [ResourceColor](ts-types.md#resourcecolor) | Foreground color of the **\<LoadingProgress>** component.<br>Since API version 9, this API is supported in ArkTS widgets.| 28 29## Example 30 31```ts 32// xxx.ets 33@Entry 34@Component 35struct LoadingProgressExample { 36 build() { 37 Column({ space: 5 }) { 38 Text('Orbital LoadingProgress ').fontSize(9).fontColor(0xCCCCCC).width('90%') 39 LoadingProgress() 40 .color(Color.Blue) 41 }.width('100%').margin({ top: 5 }) 42 } 43} 44``` 45 46 47
