diff --git a/components-chromium/paper-progress/paper-progress.js b/components-chromium/paper-progress/paper-progress.js
index fdb26f773b1e3..51b5a814601ac 100644
--- a/components-chromium/paper-progress/paper-progress.js
+++ b/components-chromium/paper-progress/paper-progress.js
@@ -9,7 +9,5 @@ part of the polymer project is also subject to an additional IP rights grant
found at http://polymer.github.io/PATENTS.txt
*/
import '../polymer/polymer-legacy.js';
-import '../iron-flex-layout/iron-flex-layout.js';
-import '../paper-styles/color.js';
import {IronRangeBehavior} from '../iron-range-behavior/iron-range-behavior.js';
@@ -74,7 +72,6 @@ The following mixins are available for styling:
Custom property | Description | Default
----------------|-------------|---------
-`--paper-progress-container` | Mixin applied to container | `{}`
`--paper-progress-transition-duration` | Duration of the transition | `0.08s`
`--paper-progress-transition-timing-function` | The timing function for the transition | `ease`
`--paper-progress-transition-delay` | delay for the transition | `0s`
@@ -98,6 +95,10 @@ Polymer({
width: 200px;
position: relative;
overflow: hidden;
+ --google-green-100: #b7e1cd;
+ --google-green-500: #0f9d58;
+ --google-grey-300: #e0e0e0;
+ --google-grey-500: #9e9e9e;
}
:host([hidden]), [hidden] {
@@ -105,7 +106,6 @@ Polymer({
}
#progressContainer {
- @apply --paper-progress-container;
position: relative;
}
@@ -118,7 +118,11 @@ Polymer({
#primaryProgress,
#secondaryProgress,
.indeterminate::after {
- @apply --layout-fit;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
}
#progressContainer,
@@ -146,7 +150,6 @@ Polymer({
#primaryProgress,
#secondaryProgress {
- @apply --layout-fit;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scaleX(0);