*) small enhancement to webinterface, progressbars are now not stretched images, but <div>'s with colored background

-> all skin files were set to use green progressbars (should be changed to colors fitting the skins appearence)

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@2751 6c8d7289-2bf4-0310-a012-ef5d649a1542

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>

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;

skins/dark-blue.css

@@ -182,4 +182,8 @@ color:#007050
 .settingsValue {
 color:#556699;
 font-weight:bold;
+}
+
+div.ProgressBarFill {
+  background-color:#71D500;
 } 

skins/dark.css

@@ -183,3 +183,7 @@ width: 16px;
 	color:#556699; 
 	font-weight:bold;
 }
+
+div.ProgressBarFill {
+  background-color:#71D500;
+}

skins/default.css

@@ -135,6 +135,9 @@ a.bookmarkAction {
 .ProgressBar {
   border: #CAD5E3 solid 1px;
 }
+div.ProgressBarFill {
+  background-color:#71D500;
+}
 
 /* Copyright info */
 

skins/grey.css

@@ -143,6 +143,10 @@ a.bookmarkAction {
   border: #CAD5E3 solid 1px;
 }
 
+div.ProgressBarFill {
+  background-color:#71D500;
+}
+
 /* Copyright info */
 
 .info {

skins/phosphor.css

@@ -151,6 +151,10 @@ a.bookmarkAction {
   border: #CAD5E3 solid 1px;
 }
 
+div.ProgressBarFill {
+  background-color:#71D500;
+}
+
 /* Copyright info */
 
 .info {