复核进度，进度条，颜色

src/wotu-ui.css

@@ -1,3 +1,24 @@
+/** 进度条颜色 **/
+.x-progress.progres_hide {
+    opacity: 0;
+}
+
+.x-progress.progres_green .x-progress-bar {
+    background-color: #5cb85c;
+}
+
+.x-progress.progres_red .x-progress-bar {
+    background-color: #d9534f;
+}
+
+.x-progress.progres_yellow .x-progress-bar {
+    background-color: #f0ad4e;
+}
+
+.x-progress.progres_yellow .x-progress-bar > .x-progress-text {
+    color: black;
+}
+
 /** 日期弹出框底部，清空按钮不要出现 **/
 .x-datepicker-footer .x-form-clear-trigger {
     display: none;
@@ -17,6 +38,7 @@
 .yvan-display-field .x-form-item-label-inner {
     margin-top: 7px;
 }
+
 .yvan-display-field .x-form-display-field {
     font-size: 24px;
     margin-top: 12px;
@@ -333,7 +355,7 @@
     border-width: 0
 }
 
-.x-message-box-info,.x-message-box-warning,.x-message-box-question,.x-message-box-error {
+.x-message-box-info, .x-message-box-warning, .x-message-box-question, .x-message-box-error {
     background-position: left top;
     background-repeat: no-repeat
 }
@@ -379,226 +401,286 @@
 .x-message-box-error:before {
     content: '\f057'
 }
+
 /*
 
 */
-.wotu-ui.x-border-layout-ct,.wotu-ui div.x-border-layout-ct{
+.wotu-ui.x-border-layout-ct, .wotu-ui div.x-border-layout-ct {
     background: #f0f2f5;
 }
-.wotu-ui.x-keyboard-mode .x-tab-focus.x-tab-default{
+
+.wotu-ui.x-keyboard-mode .x-tab-focus.x-tab-default {
     /** 选中的标签 focus 之后，隐藏内边框
     outline: none;
      */
 }
-.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-default{
+
+.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-default {
     background: #dcdcdc;
     border-radius: 3px 3px 0 0;
     border: 1px solid #d9d9d9;
     color: #333;
     border-bottom: none;
 }
-.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default{
+
+.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default {
     background: #fff;
 }
-.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default{
+
+.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default {
     position: relative;
     overflow: visible;
     z-index: 1;
 }
-.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default:after{
+
+.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-active.x-tab-default:after {
     width: 100%;
     height: 1px;
     background: #000;
     content: '';
     position: absolute;
-    left:-10px;
-    bottom:-1px;
-    padding:0 10px;
+    left: -10px;
+    bottom: -1px;
+    padding: 0 10px;
     box-sizing: content-box;
     z-index: 9999;
 }
-.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-default .x-tab-close-btn{
+
+.wotu-ui .x-tab-bar-plain.x-tab-bar .x-tab.x-tab-default .x-tab-close-btn {
     top: 10px;
     right: 3px;
 }
-.wotu-ui .x-form-trigger-wrap>div.x-form-trigger{
+
+.wotu-ui .x-form-trigger-wrap > div.x-form-trigger {
     width: 23px;
 }
-.wotu-ui .x-form-trigger-wrap>div.x-form-trigger.x-form-clear-trigger{
+
+.wotu-ui .x-form-trigger-wrap > div.x-form-trigger.x-form-clear-trigger {
     width: 12px;
     font-size: 12px;
     font-weight: inherit;
 }
-.wotu-ui .x-form-trigger-wrap>div.x-form-trigger:last-child{
+
+.wotu-ui .x-form-trigger-wrap > div.x-form-trigger:last-child {
     width: 23px;
 }
-.wotu-ui.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small{
+
+.wotu-ui.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
     box-shadow: none;
 }
-.wotu-ui .x-btn.x-btn-disabled{
+
+.wotu-ui .x-btn.x-btn-disabled {
     cursor: not-allowed;
 }
-.wotu-ui .x-item-disabled, .wotu-ui .x-item-disabled *{
+
+.wotu-ui .x-item-disabled, .wotu-ui .x-item-disabled * {
     cursor: not-allowed;
-    pointer-events:auto;
+    pointer-events: auto;
 }
-.wotu-ui .ext-btn-success,.wotu-ui .ext-btn-success.x-btn-disabled{
+
+.wotu-ui .ext-btn-success, .wotu-ui .ext-btn-success.x-btn-disabled {
     background: #5cb85c;
     border-color: #4cae4c;
 }
-.wotu-ui .ext-btn-success .x-btn-icon-el-default-toolbar-small,.wotu-ui .ext-btn-success .x-btn-inner-default-toolbar-small{
-    color:#fff
+
+.wotu-ui .ext-btn-success .x-btn-icon-el-default-toolbar-small, .wotu-ui .ext-btn-success .x-btn-inner-default-toolbar-small {
+    color: #fff
 }
-.wotu-ui .ext-btn-success:hover{
+
+.wotu-ui .ext-btn-success:hover {
     background-color: #449d44;
     border-color: #398439;
 }
-.wotu-ui.x-keyboard-mode .ext-btn-success.x-btn-focus.x-btn-default-toolbar-small{
-    background-color:#449d44;
+
+.wotu-ui.x-keyboard-mode .ext-btn-success.x-btn-focus.x-btn-default-toolbar-small {
+    background-color: #449d44;
 }
-.wotu-ui .ext-btn-primary,.wotu-ui .ext-btn-primary.x-btn-disabled{
+
+.wotu-ui .ext-btn-primary, .wotu-ui .ext-btn-primary.x-btn-disabled {
     background: #146bb3;
     border-color: #004c8b;
 }
-.wotu-ui .ext-btn-primary .x-btn-icon-el-default-toolbar-small,.wotu-ui .ext-btn-primary .x-btn-inner-default-toolbar-small{
-    color:#fff
+
+.wotu-ui .ext-btn-primary .x-btn-icon-el-default-toolbar-small, .wotu-ui .ext-btn-primary .x-btn-inner-default-toolbar-small {
+    color: #fff
 }
-.wotu-ui .ext-btn-primary:hover{
+
+.wotu-ui .ext-btn-primary:hover {
     background-color: #286090;
     border-color: #204d74;
 }
-.wotu-ui.x-keyboard-mode .ext-btn-primary.x-btn-focus.x-btn-default-toolbar-small{
-    background-color:#286090;
+
+.wotu-ui.x-keyboard-mode .ext-btn-primary.x-btn-focus.x-btn-default-toolbar-small {
+    background-color: #286090;
 }
-.wotu-ui .ext-btn-warning,.wotu-ui .ext-btn-warning.x-btn-disabled{
+
+.wotu-ui .ext-btn-warning, .wotu-ui .ext-btn-warning.x-btn-disabled {
     background: #f0ad4e;
     border-color: #eea236;
 }
-.wotu-ui .ext-btn-warning .x-btn-icon-el-default-toolbar-small,.wotu-ui .ext-btn-warning .x-btn-inner-default-toolbar-small{
-    color:#fff
+
+.wotu-ui .ext-btn-warning .x-btn-icon-el-default-toolbar-small, .wotu-ui .ext-btn-warning .x-btn-inner-default-toolbar-small {
+    color: #fff
 }
-.wotu-ui .ext-btn-warning:hover{
+
+.wotu-ui .ext-btn-warning:hover {
     background-color: #ec971f;
     border-color: #d58512;
 }
-.wotu-ui.x-keyboard-mode .ext-btn-warning.x-btn-focus.x-btn-default-toolbar-small{
-    background-color:#ec971f;
+
+.wotu-ui.x-keyboard-mode .ext-btn-warning.x-btn-focus.x-btn-default-toolbar-small {
+    background-color: #ec971f;
 }
-.wotu-ui .ext-btn-danger,.wotu-ui .ext-btn-danger.x-btn-disabled{
+
+.wotu-ui .ext-btn-danger, .wotu-ui .ext-btn-danger.x-btn-disabled {
     background: #d9534f;
     border-color: #d43f3a;
 }
-.wotu-ui .ext-btn-danger .x-btn-icon-el-default-toolbar-small,.wotu-ui .ext-btn-danger .x-btn-inner-default-toolbar-small{
-    color:#fff
+
+.wotu-ui .ext-btn-danger .x-btn-icon-el-default-toolbar-small, .wotu-ui .ext-btn-danger .x-btn-inner-default-toolbar-small {
+    color: #fff
 }
-.wotu-ui .ext-btn-danger:hover{
+
+.wotu-ui .ext-btn-danger:hover {
     background-color: #c9302c;
     border-color: #ac2925;
 }
-.wotu-ui.x-keyboard-mode .ext-btn-danger.x-btn-focus.x-btn-default-toolbar-small{
+
+.wotu-ui.x-keyboard-mode .ext-btn-danger.x-btn-focus.x-btn-default-toolbar-small {
     background-color: #c9302c;
     border-color: #ac2925;
 }
+
 /*皮肤*/
-.wotu-ui .x-panel-header-default{
+.wotu-ui .x-panel-header-default {
     background: #004c8b;
 }
-.wotu-ui .x-tab-bar-default{
+
+.wotu-ui .x-tab-bar-default {
     background: #004c8b;
 }
-.wotu-ui .x-tab.x-tab-active.x-tab-default .x-tab-inner-default{
-   color: #404040;
+
+.wotu-ui .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
+    color: #404040;
 }
-.wotu-ui .x-tree-icon-parent-expanded,.wotu-ui .x-tree-icon-leaf{
+
+.wotu-ui .x-tree-icon-parent-expanded, .wotu-ui .x-tree-icon-leaf {
     color: #404040;
 }
-.wotu-ui .x-grid-tree-node-expanded .x-tree-elbow-plus,.wotu-ui .x-grid-tree-node-expanded .x-tree-elbow-end-plus{
+
+.wotu-ui .x-grid-tree-node-expanded .x-tree-elbow-plus, .wotu-ui .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
     color: #404040;
 }
-.wotu-ui.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before{
+
+.wotu-ui.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before {
     /** 单元格 focus 之后不需要内边框
     border:none
      */
 }
-.wotu-ui .x-tree-elbow-plus, .wotu-ui .x-tree-elbow-end-plus,.wotu-ui .x-tree-icon-parent{
+
+.wotu-ui .x-tree-elbow-plus, .wotu-ui .x-tree-elbow-end-plus, .wotu-ui .x-tree-icon-parent {
     color: #404040;
 }
-.wotu-ui .x-window-header-default-top{
+
+.wotu-ui .x-window-header-default-top {
     background: #004c8b;
 }
-.wotu-ui .x-window-default,.wotu-ui .x-window-header-default{
-    border-color:#004c8b
+
+.wotu-ui .x-window-default, .wotu-ui .x-window-header-default {
+    border-color: #004c8b
 }
-.wotu-ui .x-window-body-default{
-    border:none
+
+.wotu-ui .x-window-body-default {
+    border: none
 }
-.wotu-ui .x-window-header-default .x-tool-img{
+
+.wotu-ui .x-window-header-default .x-tool-img {
     background: #004c8b;
 }
-.wotu-ui.x-keyboard-mode .x-form-checkbox-focus.x-form-checkbox-default{
-    color:#004c8b;
+
+.wotu-ui.x-keyboard-mode .x-form-checkbox-focus.x-form-checkbox-default {
+    color: #004c8b;
 }
+
 .wotu-ui .x-boundlist-selected {
     background: #004c8b;
     border-color: #004c8b;
 }
-.wotu-ui .x-boundlist-item-over{
+
+.wotu-ui .x-boundlist-item-over {
     background: #004c8b;
 }
-.wotu-ui .x-boundlist-item{
-    border:none
+
+.wotu-ui .x-boundlist-item {
+    border: none
 }
-.wotu-ui .x-datepicker-selected div.x-datepicker-date{
+
+.wotu-ui .x-datepicker-selected div.x-datepicker-date {
     background: #004c8b;
 }
-.wotu-ui .x-datepicker-footer .x-btn-default-small{
+
+.wotu-ui .x-datepicker-footer .x-btn-default-small {
     background: #004c8b;
 }
+
 /*.wotu-ui .x-btn-default-small{*/
 /*    background:#004c8b ;*/
 /*}*/
 /*form*/
-.wotu-ui .x-form-readonly .x-form-trigger-wrap{
-    border:none
+.wotu-ui .x-form-readonly .x-form-trigger-wrap {
+    border: none
 }
-.wotu-ui .x-menu-item-default.x-menu-item-focus,.wotu-ui .x-menu-item-default.x-menu-item-active{
+
+.wotu-ui .x-menu-item-default.x-menu-item-focus, .wotu-ui .x-menu-item-default.x-menu-item-active {
     background: #004c8b;
 }
-.wotu-ui .x-grid-locked-split .x-grid-inner-normal{
-    border-width:0 0 0 1px
+
+.wotu-ui .x-grid-locked-split .x-grid-inner-normal {
+    border-width: 0 0 0 1px
 }
-.wotu-ui .x-grid-locked .x-grid-inner-locked{
-    border-width:0 1px 0 0
+
+.wotu-ui .x-grid-locked .x-grid-inner-locked {
+    border-width: 0 1px 0 0
 }
-.wotu-ui .x-grid-scrollbar-clipper-locked,.wotu-ui .x-grid-scrollbar-locked{
-    border-width:0 1px 0 0;
+
+.wotu-ui .x-grid-scrollbar-clipper-locked, .wotu-ui .x-grid-scrollbar-locked {
+    border-width: 0 1px 0 0;
     background: #000;
 }
+
 /*grid行颜色设定*/
-.x-grid-record-red{
-    color:red
+.x-grid-record-red {
+    color: red
 }
-.x-grid-record-bg-green{
+
+.x-grid-record-bg-green {
     background: #b7d6a4;
 }
-.x-grid-record-bg-red{
+
+.x-grid-record-bg-red {
     background: #e2baba;
 }
-.x-grid-record-bg-red-highlight{
+
+.x-grid-record-bg-red-highlight {
     background: #ea4b4b;
 }
-.x-grid-record-bg-yellow{
+
+.x-grid-record-bg-yellow {
     background: #f2e3b2;
 }
-.x-grid-record-bg-yellow-highlight{
+
+.x-grid-record-bg-yellow-highlight {
     background: #d6ca22;
 }
-.x-grid-record-bg-purple{
+
+.x-grid-record-bg-purple {
     background: #d3bde0;
 }
-.x-grid-record-bg-blue{
+
+.x-grid-record-bg-blue {
     background: #bac3e2;
 }
+
 /*
 .x-grid-scrollbar-clipper-locked .x-grid-row[aria-selected="true"] {
     outline: 0 !important;
@@ -611,7 +693,7 @@
 .x-grid-row.x-grid-record-bg-red[aria-selected="true"],
 .x-grid-row.x-grid-record-bg-yellow[aria-selected="true"],
 .x-grid-row.x-grid-record-bg-purple[aria-selected="true"],
-.x-grid-row.x-grid-record-bg-blue[aria-selected="true"]{
+.x-grid-row.x-grid-record-bg-blue[aria-selected="true"] {
     /*
     border: 1px solid #0066bf;
     outline: 1px double #5fa2dd;
@@ -619,11 +701,13 @@
 
     background-color: #ffefbb;
 }
-.wotu-ui .x-segmented-button-item-horizontal.x-btn-default-small{
-    border:none;
+
+.wotu-ui .x-segmented-button-item-horizontal.x-btn-default-small {
+    border: none;
     background-color: #134c8b;
 }
+
 .wotu-ui .x-btn.x-btn-menu-active.x-btn-default-small, .wotu-ui .x-btn.x-btn-pressed.x-btn-default-small {
-    border:none;
+    border: none;
     background-color: #1960af;
 }