feat(module: progress): nzm-progress supports percent larger than 100% (

#152)
NG-ZORRO · Dec 11, 2018 · 021f7d8 · 021f7d8
1 parent a0798eb
commit 021f7d8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/components/progress/progress.component.html b/components/progress/progress.component.html
@@ -1 +1 @@
-<div class="{{prefixCls}}-bar" [ngStyle]="barStyle" [style.width.%]="percent"></div>
+<div class="{{prefixCls}}-bar" [ngStyle]="barStyle" [style.width.%]="(percent <= 100) ? percent : (10000 / percent)"></div>
diff --git a/components/progress/progress.component.ts b/components/progress/progress.component.ts
@@ -37,6 +37,9 @@ export class ProgressComponent {
   get value(): number {
     return this.percent;
   }
+
+  @HostBinding('class.am-progress')
+  amProgress: boolean = true;
   @HostBinding('class.am-progress-outer')
   outer: boolean = true;
   @HostBinding('class.am-progress-fixed-outer')

diff --git a/components/progress/style/addon.less b/components/progress/style/addon.less
@@ -23,11 +23,17 @@ progress::-webkit-progress-value {
   position: relative;
 }
 .@{pickerPrefixClass} {
+  display: block;
+  &-outer {
+    background-color: @border-color-base;
+  }
+  &-outer&-hide-outer {
+    background-color: transparent;
+  }
+  &-outer&-exceedance {
+    background-color: @brand-warning;
+  }
   &-hide-outer::-webkit-progress-bar {
     background-color: transparent;
   }
 }
-
-.@{pickerPrefixClass} {
-  display: block;
-}