| OLD | NEW |
| 1 paper-progress | 1 paper-progress |
| 2 =================== | 2 =================== |
| 3 | 3 |
| 4 The progress bars are for situations where the percentage completed can be | 4 The progress bars are for situations where the percentage completed can be |
| 5 determined. They give users a quick sense of how much longer an operation | 5 determined. They give users a quick sense of how much longer an operation |
| 6 will take. | 6 will take. |
| 7 | 7 |
| 8 Example: | 8 Example: |
| 9 | 9 |
| 10 ```html | 10 ```html |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 52 ```css | 52 ```css |
| 53 paper-progress { | 53 paper-progress { |
| 54 --paper-progress-transition-duration: 0.08s; | 54 --paper-progress-transition-duration: 0.08s; |
| 55 --paper-progress-transition-timing-function: ease; | 55 --paper-progress-transition-timing-function: ease; |
| 56 --paper-progress-transition-transition-delay: 0s; | 56 --paper-progress-transition-transition-delay: 0s; |
| 57 } | 57 } |
| 58 ``` | 58 ``` |
| 59 | 59 |
| 60 The following mixins are available for styling: | 60 The following mixins are available for styling: |
| 61 | 61 |
| 62 Custom property | Description | Default | 62 Custom property | Description
| Default |
| 63 ----------------|-------------|---------- | 63 --------------------------------------------|-----------------------------------
----------|---------- |
| 64 `--paper-progress-container` | Mixin applied to container | `{}` | 64 --paper-progress-container-color | Mixin applied to container
| --google-grey-300 |
| 65 --paper-progress-transition-duration | Duration of the transition
| 0.008s |
| 66 --paper-progress-transition-timing-function | The timing function for the transi
tion | ease |
| 67 --paper-progress-transition-delay | delay for the transition
| 0s |
| 68 --paper-progress-active-color | The color of the active bar
| --google-green-500 |
| 69 --paper-progress-secondary-color | The color of the secondary bar
| --google-green-100 |
| 70 --paper-progress-disabled-active-color | The color of the active bar if dis
abled | --google-grey-500 |
| 71 --paper-progress-disabled-secondary-color | The color of the secondary bar if
disabled | --google-grey-300 |
| 72 --paper-progress-height | The height of the progress bar
| 4px |
| OLD | NEW |