diff --git a/public/demo/bim_0.html b/public/demo/bim_0.html
index 1a75cba..70787e9 100644
--- a/public/demo/bim_0.html
+++ b/public/demo/bim_0.html
@@ -22,6 +22,7 @@
             MeasurementPlugin,
             NavCubePlugin,
             SectionPlugin,
+            SkyboxPlugin,
             ToolbarMenuId,
         } from "./demo/libs/gemini-viewer.esm.min.js";
 
@@ -35,6 +36,7 @@
         const viewerCfg = {
             containerId: "myCanvas",
             language: "en",
+            enableProgressBar: true,
         }
         const viewer = new BimViewer(viewerCfg);
         const toolbar = viewer.toolbar;
@@ -44,6 +46,7 @@
         new MeasurementPlugin(viewer);
         new NavCubePlugin(viewer);
         new SectionPlugin(viewer);
+        new SkyboxPlugin(viewer);
 
         // draco decoder path is needed to load draco encoded models.
         // gemini-viewer js sdk user maintains draco decoder code somewhere, and provides the path here.
@@ -51,7 +54,8 @@
         viewer.setDracoDecoderPath(decoderPath);
 
         viewer.loadModel(modelCfg, (event) => {
-            console.log(`[Demo] Loading model ${modelCfg.src}`);
+            const progress = ((event.loaded * 100) / event.total).toFixed(1);
+            console.log(`[Demo] Loading '${modelCfg.id || modelCfg.name}' progress: ${progress}%`);
         }, (event) => {
             console.error("[Demo] Failed to load " + modelCfg.src + ". " + event.message);
         }).then(() => {
diff --git a/public/demo/bim_1.html b/public/demo/bim_1.html
index 8dc826e..87e64bd 100644
--- a/public/demo/bim_1.html
+++ b/public/demo/bim_1.html
@@ -41,6 +41,7 @@
                 [ToolbarMenuId.BimTree]: { visible: false },
             },
             enableContextMenu: true,
+            enableProgressBar: true,
         }
         const viewer = new BimViewer(viewerCfg);
 
@@ -55,7 +56,8 @@
         viewer.setDracoDecoderPath(decoderPath);
 
         viewer.loadModel(modelCfg, (event) => {
-            console.log(`[Demo] Loading model ${modelCfg.src}`);
+            const progress = ((event.loaded * 100) / event.total).toFixed(1);
+            console.log(`[Demo] Loading '${modelCfg.id || modelCfg.name}' progress: ${progress}%`);
         }, (event) => {
             console.error("[Demo] Failed to load " + modelCfg.src + ". " + event.message);
         }).then(() => {
diff --git a/public/demo/bim_2_overlay_with_dxf.html b/public/demo/bim_2_overlay_with_dxf.html
index 7b3dd0f..d7426f5 100644
--- a/public/demo/bim_2_overlay_with_dxf.html
+++ b/public/demo/bim_2_overlay_with_dxf.html
@@ -74,7 +74,8 @@
                 return; // only load visible ones
             }
             viewer.loadModel(modelCfg, (event) => {
-                console.log(`[Demo] Loading model ${modelCfg.src}`);
+                const progress = ((event.loaded * 100) / event.total).toFixed(1);
+                console.log(`[Demo] Loading '${modelCfg.id || modelCfg.name}' progress: ${progress}%`);
             }, (event) => {
                 console.error("[Demo] Failed to load " + modelCfg.src + ". " + event.message);
             }).then(() => {
diff --git a/public/demo/bim_3_explode.html b/public/demo/bim_3_explode.html
index 8083436..9a4e3c4 100644
--- a/public/demo/bim_3_explode.html
+++ b/public/demo/bim_3_explode.html
@@ -56,7 +56,8 @@
         viewer.setDracoDecoderPath(decoderPath);
 
         viewer.loadModel(modelCfg, (event) => {
-            console.log(`[Demo] Loading model ${modelCfg.src}`);
+            const progress = ((event.loaded * 100) / event.total).toFixed(1);
+            console.log(`[Demo] Loading '${modelCfg.id || modelCfg.name}' progress: ${progress}%`);
         }, (event) => {
             console.error("[Demo] Failed to load " + modelCfg.src + ". " + event.message);
         }).then(() => {
diff --git a/public/demo/dxf_10_upload_files_to_compre.html b/public/demo/dxf_10_upload_files_to_compre.html
index 09c252b..d257411 100644
--- a/public/demo/dxf_10_upload_files_to_compre.html
+++ b/public/demo/dxf_10_upload_files_to_compre.html
@@ -108,7 +108,7 @@
     new MeasurementPlugin(compareHelper.viewer2);
 
       compareHelper.viewer.toolbar.updateMenus(
-        overrideToolbarConfig(compareHelper.viewer1)
+        overrideToolbarConfig(compareHelper.viewer)
       );
       compareHelper.viewer2.toolbar.updateMenus(
         overrideToolbarConfig(compareHelper.viewer2)
diff --git a/public/demo/dxf_8_compare_with_2_viewports.html b/public/demo/dxf_8_compare_with_2_viewports.html
index efbc059..19530bf 100644
--- a/public/demo/dxf_8_compare_with_2_viewports.html
+++ b/public/demo/dxf_8_compare_with_2_viewports.html
@@ -91,12 +91,8 @@
       new AxisGizmoPlugin(compareHelper.viewer2, { ignoreZAxis: true });
       new MeasurementPlugin(compareHelper.viewer2);
 
-      compareHelper.viewer.toolbar?.updateMenus(
-        overrideToolbarConfig(compareHelper.viewer1)
-      );
-      compareHelper.viewer2.toolbar?.updateMenus(
-        overrideToolbarConfig(compareHelper.viewer2)
-      );
+      compareHelper.viewer.toolbar?.updateMenus(overrideToolbarConfig(compareHelper.viewer));
+      compareHelper.viewer2.toolbar?.updateMenus(overrideToolbarConfig(compareHelper.viewer2));
 
       const syncCameraBtn = document.getElementById("syncCamera");
       let enableSyncCamera = false;
diff --git a/public/demo/empty_model_project.html b/public/demo/empty_model_project.html
index 5a67c1e..2898c16 100644
--- a/public/demo/empty_model_project.html
+++ b/public/demo/empty_model_project.html
@@ -99,6 +99,7 @@
                     [ToolbarMenuId.BimTree]: { visible: false },
                 },
                 enableContextMenu: true,
+                enableProgressBar: true,
             },
             project.camera
         );
@@ -124,12 +125,13 @@
             }
             counter++;
             viewer.loadModel(modelCfg, (event) => {
-                    console.log(`[Demo] Loading model ${modelCfg.src}`);
-                }, (event) => {
-                    console.error(`[Demo] Failed to load ${modelCfg.src}. " + event.message`);
-                }
+                const progress = ((event.loaded * 100) / event.total).toFixed(1);
+                console.log(`[Demo] Loading '${modelCfg.id || modelCfg.name}' progress: ${progress}%`);
+            }, (event) => {
+                console.error(`[Demo] Failed to load ${modelCfg.src}. " + event.message`);
+            }
             ).then(() => {
-                    console.log(`[Demo] Loaded model ${modelCfg.src}`);
+                console.log(`[Demo] Loaded model ${modelCfg.src}`);
             });
         });