| OLD | NEW |
| 1 | 1 |
| 2 Polymer({ | 2 Polymer({ |
| 3 | 3 |
| 4 is: 'paper-progress', | 4 is: 'paper-progress', |
| 5 | 5 |
| 6 behaviors: [ | 6 behaviors: [ |
| 7 Polymer.IronRangeBehavior | 7 Polymer.IronRangeBehavior |
| 8 ], | 8 ], |
| 9 | 9 |
| 10 properties: { | 10 properties: { |
| (...skipping 30 matching lines...) Expand all Loading... |
| 41 | 41 |
| 42 observers: [ | 42 observers: [ |
| 43 '_ratioChanged(ratio)', | 43 '_ratioChanged(ratio)', |
| 44 '_secondaryProgressChanged(secondaryProgress, min, max)' | 44 '_secondaryProgressChanged(secondaryProgress, min, max)' |
| 45 ], | 45 ], |
| 46 | 46 |
| 47 _toggleIndeterminate: function() { | 47 _toggleIndeterminate: function() { |
| 48 // If we use attribute/class binding, the animation sometimes doesn't tran
slate properly | 48 // If we use attribute/class binding, the animation sometimes doesn't tran
slate properly |
| 49 // on Safari 7.1. So instead, we toggle the class here in the update metho
d. | 49 // on Safari 7.1. So instead, we toggle the class here in the update metho
d. |
| 50 this.toggleClass('indeterminate', this.indeterminate, this.$.activeProgres
s); | 50 this.toggleClass('indeterminate', this.indeterminate, this.$.activeProgres
s); |
| 51 this.toggleClass('indeterminate', this.indeterminate, this.$.indeterminate
Splitter); |
| 51 }, | 52 }, |
| 52 | 53 |
| 53 _transformProgress: function(progress, ratio) { | 54 _transformProgress: function(progress, ratio) { |
| 54 var transform = 'scaleX(' + (ratio / 100) + ')'; | 55 var transform = 'scaleX(' + (ratio / 100) + ')'; |
| 55 progress.style.transform = progress.style.webkitTransform = transform; | 56 progress.style.transform = progress.style.webkitTransform = transform; |
| 56 }, | 57 }, |
| 57 | 58 |
| 58 _ratioChanged: function(ratio) { | 59 _ratioChanged: function(ratio) { |
| 59 this._transformProgress(this.$.activeProgress, ratio); | 60 this._transformProgress(this.$.activeProgress, ratio); |
| 60 }, | 61 }, |
| 61 | 62 |
| 62 _secondaryRatioChanged: function(secondaryRatio) { | 63 _secondaryRatioChanged: function(secondaryRatio) { |
| 63 this._transformProgress(this.$.secondaryProgress, secondaryRatio); | 64 this._transformProgress(this.$.secondaryProgress, secondaryRatio); |
| 64 }, | 65 }, |
| 65 | 66 |
| 66 _secondaryProgressChanged: function() { | 67 _secondaryProgressChanged: function() { |
| 67 this.secondaryProgress = this._clampValue(this.secondaryProgress); | 68 this.secondaryProgress = this._clampValue(this.secondaryProgress); |
| 68 this._setSecondaryRatio(this._calcRatio(this.secondaryProgress) * 100); | 69 this._setSecondaryRatio(this._calcRatio(this.secondaryProgress) * 100); |
| 69 } | 70 } |
| 70 | 71 |
| 71 }); | 72 }); |
| 72 | 73 |
| OLD | NEW |