diff --git a/htroot/Status_p.inc b/htroot/Status_p.inc
index d62e0be8b..097a7de31 100644
--- a/htroot/Status_p.inc
+++ b/htroot/Status_p.inc
@@ -69,7 +69,7 @@
     <td>
       <div class="ProgressBarCaption">#[indexingQueueSize]#&nbsp;|&nbsp;#[indexingQueueMax]#</div>
       <div class="ProgressBar">
-        <img src="env/grafics/green_bar.gif" width="#[indexingQueuePercent]#%" height="100%" alt="" style="position:relative;top:-2px;" />
+        <div class="ProgressBarFill" style="width:#[indexingQueuePercent]#%;" />
       </div>
     </td>
     <td>[<a href="IndexCreateIndexingQueue_p.html">Details</a>]</td>
@@ -79,7 +79,7 @@
     <td>    
       <div class="ProgressBarCaption">#[loaderQueueSize]#&nbsp;|&nbsp;#[loaderQueueMax]#</div>
       <div class="ProgressBar">
-        <img src="env/grafics/green_bar.gif" width="#[loaderQueuePercent]#%" height="100%" alt="" style="position:relative;top:-2px;" />
+        <div class="ProgressBarFill" style="width:#[loaderQueuePercent]#%;" />
       </div>
     </td>
     <td>[<a href="IndexCreateLoaderQueue_p.html">Details</a>]</td>
diff --git a/htroot/env/base.css b/htroot/env/base.css
index 6108c96e8..4615ea357 100644
--- a/htroot/env/base.css
+++ b/htroot/env/base.css
@@ -416,6 +416,10 @@ div.ProgressBar {
 	width:150px;
 	height:10px;
 }
+div.ProgressBarFill {
+	margin:0px;
+	height:100%;
+}
 
 p.info {
   margin-top:5em;
diff --git a/skins/dark-blue.css b/skins/dark-blue.css
index 9d8a69af7..f3dfc8f0f 100644
--- a/skins/dark-blue.css
+++ b/skins/dark-blue.css
@@ -182,4 +182,8 @@ color:#007050
 .settingsValue {
 color:#556699;
 font-weight:bold;
+}
+
+div.ProgressBarFill {
+  background-color:#71D500;
 } 
diff --git a/skins/dark.css b/skins/dark.css
index 80c686cc8..170a63eca 100644
--- a/skins/dark.css
+++ b/skins/dark.css
@@ -183,3 +183,7 @@ width: 16px;
 	color:#556699; 
 	font-weight:bold;
 }
+
+div.ProgressBarFill {
+  background-color:#71D500;
+}
diff --git a/skins/default.css b/skins/default.css
index a5485681b..b6758da6b 100644
--- a/skins/default.css
+++ b/skins/default.css
@@ -135,6 +135,9 @@ a.bookmarkAction {
 .ProgressBar {
   border: #CAD5E3 solid 1px;
 }
+div.ProgressBarFill {
+  background-color:#71D500;
+}
 
 /* Copyright info */
 
diff --git a/skins/grey.css b/skins/grey.css
index aaf951d6a..304bcffa9 100644
--- a/skins/grey.css
+++ b/skins/grey.css
@@ -143,6 +143,10 @@ a.bookmarkAction {
   border: #CAD5E3 solid 1px;
 }
 
+div.ProgressBarFill {
+  background-color:#71D500;
+}
+
 /* Copyright info */
 
 .info {
diff --git a/skins/phosphor.css b/skins/phosphor.css
index 25a6388ee..30b9013d9 100644
--- a/skins/phosphor.css
+++ b/skins/phosphor.css
@@ -151,6 +151,10 @@ a.bookmarkAction {
   border: #CAD5E3 solid 1px;
 }
 
+div.ProgressBarFill {
+  background-color:#71D500;
+}
+
 /* Copyright info */
 
 .info {