OLD | NEW |
(Empty) | |
| 1 paper-progress |
| 2 =================== |
| 3 |
| 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 |
| 6 will take. |
| 7 |
| 8 Example: |
| 9 |
| 10 ```html |
| 11 <paper-progress value="10"></paper-progress> |
| 12 ``` |
| 13 |
| 14 There is also a secondary progress which is useful for displaying intermediate |
| 15 progress, such as the buffer level during a streaming playback progress bar. |
| 16 |
| 17 Example: |
| 18 |
| 19 ```html |
| 20 <paper-progress value="10" secondaryProgress="30"></paper-progress> |
| 21 ``` |
| 22 |
| 23 Styling progress bar: |
| 24 |
| 25 To change the active progress bar color: |
| 26 |
| 27 ```css |
| 28 paper-progress { |
| 29 --paper-progress-active-color: #e91e63; |
| 30 } |
| 31 ``` |
| 32 |
| 33 To change the secondary progress bar color: |
| 34 |
| 35 ```css |
| 36 paper-progress { |
| 37 --paper-progress-secondary-color: #f8bbd0; |
| 38 } |
| 39 ``` |
| 40 |
| 41 To change the progress bar background color: |
| 42 |
| 43 ```css |
| 44 paper-progress { |
| 45 --paper-progress-container-color: #64ffda; |
| 46 } |
| 47 ``` |
OLD | NEW |