- progress bar can now turn red to indicate a problem.

- doc improvement.

git-svn-id: https://hudson.dev.java.net/svn/hudson/trunk/hudson/main@13033 71c3de6d-444a-0410-be80-ed276b4c234a

core/src/main/resources/lib/hudson/progressBar.jelly

 <!--
   Progress bar. @pos (0-100) specifies the current position
 
-	<%@attribute name="pos" required="true" %>
-	<%@attribute name="href" required="false" %>
+  Attributes:
+    pos  : 0-100 to indicates the current progress. -1 if the progress is unknown
+    href : if set, the progress bar becomes a hyperlink
+    red  : if set to non-null, the progress bar will be drawn in red, to indicate that the processing is likely stuck.
 -->
 <j:jelly xmlns:j="jelly:core" xmlns:x="jelly:xml" xmlns:st="jelly:stapler" xmlns:d="jelly:define" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form">
-  <table class="progress-bar" id="${attrs.id}" tooltip="${attrs.tooltip}" href="${attrs.href}" style="${h.ifThenElse(attrs.href!=null,'cursor:pointer',null)}">
+  <table class="progress-bar ${h.ifThenElse(attrs.red!=null,'red',null)}" id="${attrs.id}" tooltip="${attrs.tooltip}" href="${attrs.href}" style="${h.ifThenElse(attrs.href!=null,'cursor:pointer',null)}">
     <j:choose>
       <j:when test="${pos lt 0}">
         <tbody><tr style="background-image:url(${imagesURL}/progress-unknown.gif)"><td/></tr></tbody>

war/resources/css/style.css

@@ -148,22 +148,6 @@ td.tab {
   background: #f0f0f0;
 }
 
-table.progress-bar {
-  border-collapse: collapse;
-  border: 1px solid #3465a4;
-  height: 6px;
-  width: 100px;
-  clear: none;
-}
-
-td.progress-bar-done {
-  background-color: #3465a4;
-}
-
-td.progress-bar-left {
-  background-color: #ffffff;
-}
-
 .dashboard td {
   padding: 4px 4px 4px 4px;
 }
@@ -752,4 +736,30 @@ TEXTAREA.rich-editor {
     margin-top: 0.5em;
     padding-left: 2em;
     color: #888a85;
-}
\ No newline at end of file
+}
+
+/* ========================= progress bar ========================= */
+
+table.progress-bar {
+  border-collapse: collapse;
+  border: 1px solid #3465a4;
+  height: 6px;
+  width: 100px;
+  clear: none;
+}
+
+td.progress-bar-done {
+  background-color: #3465a4;
+}
+
+td.progress-bar-left {
+  background-color: #ffffff;
+}
+
+table.progress-bar.red {
+  border: 1px solid #cc0000;
+}
+
+table.progress-bar.red td.progress-bar-done {
+  background-color: #cc0000;
+}