Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(30)

Unified Diff: third_party/polymer/v0_8/components-chromium/paper-progress/README.md

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/v0_8/components-chromium/paper-progress/README.md
diff --git a/third_party/polymer/v0_8/components-chromium/paper-progress/README.md b/third_party/polymer/v0_8/components-chromium/paper-progress/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..7aaf060be3e054feeda4fb6774e3441577dd2c20
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-progress/README.md
@@ -0,0 +1,47 @@
+paper-progress
+===================
+
+The progress bars are for situations where the percentage completed can be
+determined. They give users a quick sense of how much longer an operation
+will take.
+
+Example:
+
+```html
+<paper-progress value="10"></paper-progress>
+```
+
+There is also a secondary progress which is useful for displaying intermediate
+progress, such as the buffer level during a streaming playback progress bar.
+
+Example:
+
+```html
+<paper-progress value="10" secondaryProgress="30"></paper-progress>
+```
+
+Styling progress bar:
+
+To change the active progress bar color:
+
+```css
+paper-progress {
+ --paper-progress-active-color: #e91e63;
+}
+```
+
+To change the secondary progress bar color:
+
+```css
+paper-progress {
+ --paper-progress-secondary-color: #f8bbd0;
+}
+```
+
+To change the progress bar background color:
+
+```css
+paper-progress {
+ --paper-progress-container-color: #64ffda;
+}
+```

Powered by Google App Engine
This is Rietveld 408576698