diff --git a/en/application-dev/reference/arkui-ts/figures/loadingProgress.png b/en/application-dev/reference/arkui-ts/figures/loadingProgress.png
new file mode 100644
index 0000000000000000000000000000000000000000..afc52b1a469c858e3029282e193b684114803db0
Binary files /dev/null and b/en/application-dev/reference/arkui-ts/figures/loadingProgress.png differ
diff --git a/en/application-dev/reference/arkui-ts/public_sys-resources/icon-caution.gif b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-caution.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e90d7cfc2193e39e10bb58c38d01a23f045d571
Binary files /dev/null and b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-caution.gif differ
diff --git a/en/application-dev/reference/arkui-ts/public_sys-resources/icon-danger.gif b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-danger.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e90d7cfc2193e39e10bb58c38d01a23f045d571
Binary files /dev/null and b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-danger.gif differ
diff --git a/en/application-dev/reference/arkui-ts/public_sys-resources/icon-note.gif b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-note.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6314297e45c1de184204098efd4814d6dc8b1cda
Binary files /dev/null and b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-note.gif differ
diff --git a/en/application-dev/reference/arkui-ts/public_sys-resources/icon-notice.gif b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-notice.gif
new file mode 100644
index 0000000000000000000000000000000000000000..86024f61b691400bea99e5b1f506d9d9aef36e27
Binary files /dev/null and b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-notice.gif differ
diff --git a/en/application-dev/reference/arkui-ts/public_sys-resources/icon-tip.gif b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-tip.gif
new file mode 100644
index 0000000000000000000000000000000000000000..93aa72053b510e456b149f36a0972703ea9999b7
Binary files /dev/null and b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-tip.gif differ
diff --git a/en/application-dev/reference/arkui-ts/public_sys-resources/icon-warning.gif b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-warning.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e90d7cfc2193e39e10bb58c38d01a23f045d571
Binary files /dev/null and b/en/application-dev/reference/arkui-ts/public_sys-resources/icon-warning.gif differ
diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-loadingprogress.md b/en/application-dev/reference/arkui-ts/ts-basic-components-loadingprogress.md
new file mode 100644
index 0000000000000000000000000000000000000000..c7e5d0022e7b90ef0fa6a4755bbd3e7a4cdd8b47
--- /dev/null
+++ b/en/application-dev/reference/arkui-ts/ts-basic-components-loadingprogress.md
@@ -0,0 +1,51 @@
+# 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)