Index: third_party/polymer/v1_0/components-chromium/paper-progress/README.md |
diff --git a/third_party/polymer/v1_0/components-chromium/paper-progress/README.md b/third_party/polymer/v1_0/components-chromium/paper-progress/README.md |
index 7aaf060be3e054feeda4fb6774e3441577dd2c20..edc309f09252ee380e631491191f19b54c9d408c 100644 |
--- a/third_party/polymer/v1_0/components-chromium/paper-progress/README.md |
+++ b/third_party/polymer/v1_0/components-chromium/paper-progress/README.md |
@@ -17,10 +17,10 @@ progress, such as the buffer level during a streaming playback progress bar. |
Example: |
```html |
-<paper-progress value="10" secondaryProgress="30"></paper-progress> |
+<paper-progress value="10" secondary-progress="30"></paper-progress> |
``` |
-Styling progress bar: |
+### Styling progress bar: |
To change the active progress bar color: |
@@ -45,3 +45,14 @@ paper-progress { |
--paper-progress-container-color: #64ffda; |
} |
``` |
+ |
+Add the class `transiting` to a `<paper-progress>` to animate the progress bar when |
+the value changed. You can also customize the transition: |
+ |
+```css |
+paper-progress { |
+ --paper-progress-transition-duration: 0.08s; |
+ --paper-progress-transition-timing-function: ease; |
+ --paper-progress-transition-transition-delay: 0s; |
+} |
+``` |