diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/loadingProgress.png b/zh-cn/application-dev/reference/arkui-ts/figures/loadingProgress.png
new file mode 100644
index 0000000000000000000000000000000000000000..afc52b1a469c858e3029282e193b684114803db0
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/loadingProgress.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-loadingprogress.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-loadingprogress.md
new file mode 100644
index 0000000000000000000000000000000000000000..a35332113e193f112b7caf3d1e500e31089786fe
--- /dev/null
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-loadingprogress.md
@@ -0,0 +1,51 @@
+# LoadingProgress
+
+> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：**
+> 该组件从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
+
+用于显示加载进展。
+
+
+## 权限列表
+
+无
+
+
+## 子组件
+
+无
+
+
+## 接口
+
+LoadingProgress()
+
+创建加载进展组件。
+
+
+
+## 属性
+
+| 名称 | 参数类型 | 默认值 | 描述 |
+| -------- | -------- | -------- | -------- |
+| color | Color | - | 设置加载进度条前景色。 |
+
+
+
+## 示例
+
+```
+@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)