diff --git a/star_lock/lib/mine/mall/lockMall_logic.dart b/star_lock/lib/mine/mall/lockMall_logic.dart
index 6cb9aef5..360678fb 100644
--- a/star_lock/lib/mine/mall/lockMall_logic.dart
+++ b/star_lock/lib/mine/mall/lockMall_logic.dart
@@ -1,6 +1,7 @@
 import 'package:star_lock/mine/mall/lockMall_entity.dart';
 import 'package:star_lock/mine/mall/lockMall_state.dart';
 import 'package:star_lock/network/api_repository.dart';
+import 'package:webview_flutter/webview_flutter.dart';
 
 import '../../tools/baseGetXController.dart';
 
@@ -12,6 +13,27 @@ class LockMallLogic extends BaseGetXController {
     LockMallDataEntity entity = await ApiRepository.to.getMallURLData();
     if (entity.errorCode!.codeIsSuccessful) {
       state.lockMallUrl.value = entity.data!.url!;
+      state.mallWebView.setNavigationDelegate(
+        NavigationDelegate(
+          onProgress: (int progress) {
+            // Update loading bar.
+            state.webProgress.value = progress / 100;
+          },
+          onPageStarted: (String url) {
+            state.webProgress.value = 0.0;
+          },
+          onPageFinished: (String url) {
+            state.webProgress.value = 1.0;
+          },
+          onWebResourceError: (WebResourceError error) {},
+          onNavigationRequest: (NavigationRequest request) {
+            // if (request.url.startsWith('https://www.youtube.com/')) {
+            //   return NavigationDecision.prevent;
+            // }
+            return NavigationDecision.navigate;
+          },
+        ),
+      );
       state.mallWebView.loadRequest(Uri.parse(state.lockMallUrl.value));
     }
   }
diff --git a/star_lock/lib/mine/mall/lockMall_page.dart b/star_lock/lib/mine/mall/lockMall_page.dart
index 37cc9364..8270ac89 100644
--- a/star_lock/lib/mine/mall/lockMall_page.dart
+++ b/star_lock/lib/mine/mall/lockMall_page.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
 import 'package:star_lock/app_settings/app_colors.dart';
 import 'package:star_lock/mine/mall/lockMall_logic.dart';
@@ -36,7 +37,22 @@ class _LockMallPageState extends State<LockMallPage> {
           haveBack: true,
           backgroundColor: AppColors.mainColor,
         ),
-        body: WebViewWidget(controller: state.mallWebView));
+        body: Obx(() => Column(
+              children: <Widget>[
+                Container(
+                  padding: EdgeInsets.only(bottom: 10.w),
+                  child: LinearProgressIndicator(
+                    value: state.webProgress.value,
+                    backgroundColor: Colors.grey,
+                    valueColor:
+                        AlwaysStoppedAnimation<Color>(AppColors.mainColor),
+                  ),
+                ),
+                Expanded(
+                  child: WebViewWidget(controller: state.mallWebView),
+                ),
+              ],
+            )));
   }
 
   String getWebTitle() {
diff --git a/star_lock/lib/mine/mall/lockMall_state.dart b/star_lock/lib/mine/mall/lockMall_state.dart
index 2ad6312d..20ddb81b 100644
--- a/star_lock/lib/mine/mall/lockMall_state.dart
+++ b/star_lock/lib/mine/mall/lockMall_state.dart
@@ -1,8 +1,11 @@
+import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:webview_flutter/webview_flutter.dart';
 
 class LockMallState {
   var lockMallUrl = "".obs;
+  var webProgress = 0.0.obs;
   late WebViewController mallWebView = WebViewController()
-    ..setJavaScriptMode(JavaScriptMode.unrestricted);
+    ..setJavaScriptMode(JavaScriptMode.unrestricted)
+    ..setBackgroundColor(Colors.white);
 }