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