no image popup box fix

WebGde/WebContent/src/accessFile/accessFile.js

@@ -504,7 +504,7 @@ function refreshImage() {
     //const progressBar = document.getElementById('progressBar');
     const elProgress = document.getElementById('progress');
     function progress() {
-       elProgress.innerHTML = Math.round(loaded * .000001) + " mb of " + Math.round(total * .000001);
+      /* elProgress.innerHTML = Math.round(loaded * .000001) + " mb of " + Math.round(total * .000001);*/
         //progressBar.value = Math.round(100 / 100 * 100);
     }
 

WebGde/WebContent/style.css

@@ -15,14 +15,14 @@ html {
 
 #prompt{
 	background-color:white;
- height:10%
- position: absolute;
- display: block;
- margin: auto;
- width: 42%;
- top: 47%;
- left: 31%;
- text-align: center;
+	height: 10%;
+	position: absolute;
+	display: block;
+	margin: auto;
+	width: 42%;
+	top: 47%;
+	left: 31%;
+	text-align: center;
 }
 
 /* The actual popup */
@@ -222,6 +222,10 @@ main#viewer {
     /* padding: 1px; */
 }
 
+#progress {
+    display: none;
+}
+
 #TiffViewer_ButtonContainer {
     display: inline-block;
     margin: auto;
@@ -752,18 +756,19 @@ vertical-align: middle;
 }
 
 .bar {
-    width: 133px;
+   width: 207px;
     position: absolute;
     display: flex;
     top: 6%;
-    right: 42%;
+    right: 32%;
     bottom: 0px;
     height: 100%;
+    z-index: 9999999;
     align-items: center;
 }
 
-div#status {
-    left: 0;
+#status {
+    left: 57px;
     position: absolute;
 }
 
@@ -772,6 +777,7 @@ div#status {
   position: relative;
   width: 80px;
   height: 80px;
+  padding: 0px 72px;
 }
 .lds-roller div {
   animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;