ts-basic-components-loadingprogress.md

# LoadingProgress

> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.

The **<LoadingProgress\>** component is used to display the loading progress.


## Required Permissions

None


## Child Components

None


## APIs

LoadingProgress()

Creates a **LoadingProgress** instance.



## Attributes

| Name| Type| Default Value| Description|
| -------- | -------- | -------- | -------- |
| color | Color | - | Foreground color of the loading progress bar.|



## Example

```
@Entry
@Component
struct LoadingProgressExample {
  build() {
    Column({ space: 5 }) {
      Text('Orbital LoadingProgress ').fontSize(9).fontColor(0xCCCCCC).width('90%')
      LoadingProgress()
        .color(Color.Blue)
    }.width('100%').margin({ top: 5 })
  }
}
```

![zh-cn_image_0000001198839004](figures/loadingProgress.png)