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

Unified Diff: third_party/polymer/v1_0/components/paper-progress/paper-progress.html

Issue 1269803005: Remove third_party/polymer from .gitignore (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 5 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/v1_0/components/paper-progress/paper-progress.html
diff --git a/third_party/polymer/v1_0/components/paper-progress/paper-progress.html b/third_party/polymer/v1_0/components/paper-progress/paper-progress.html
deleted file mode 100644
index 3df2577b3b14cc93f5aa0f3043b27b1316e4cc2c..0000000000000000000000000000000000000000
--- a/third_party/polymer/v1_0/components/paper-progress/paper-progress.html
+++ /dev/null
@@ -1,227 +0,0 @@
-<!--
-@license
-Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-
-<link rel="import" href="../polymer/polymer.html">
-<link rel="import" href="../paper-styles/paper-styles.html">
-<link rel="import" href="../iron-range-behavior/iron-range-behavior.html">
-<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
-
-<!--
-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:
-
- <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:
-
- <paper-progress value="10" secondary-progress="30"></paper-progress>
-
-### Styling progress bar:
-
-To change the active progress bar color:
-
- paper-progress {
- --paper-progress-active-color: #e91e63;
- }
-
-To change the secondary progress bar color:
-
- paper-progress {
- --paper-progress-secondary-color: #f8bbd0;
- }
-
-To change the progress bar background color:
-
- 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:
-
- paper-progress {
- --paper-progress-transition-duration: 0.08s;
- --paper-progress-transition-timing-function: ease;
- --paper-progress-transition-transition-delay: 0s;
- }
-
-@group Paper Elements
-@element paper-progress
-@hero hero.svg
-@demo demo/index.html
--->
-
-<dom-module id="paper-progress">
- <style>
- :host {
- display: inline-block;
- width: 200px;
- height: 4px;
- }
-
- :host(.transiting) #activeProgress,
- :host(.transiting) #secondaryProgress {
- -webkit-transition-property: -webkit-transform;
- transition-property: transform;
-
- /* Duration */
- -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s);
- transition-duration: var(--paper-progress-transition-duration, 0.08s);
-
- /* Timing function */
- -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease);
- transition-timing-function: var(--paper-progress-transition-timing-function, ease);
-
- /* Delay */
- -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
- transition-delay: var(--paper-progress-transition-delay, 0s);
- }
-
- #progressContainer {
- position: relative;
- height: 100%;
- background-color: var(--paper-progress-container-color, --google-grey-300);
- overflow: hidden;
- }
-
- #activeProgress,
- #secondaryProgress {
- -webkit-transform-origin: left center;
- transform-origin: left center;
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- }
-
- #activeProgress {
- background-color: var(--paper-progress-active-color, --google-green-500);
- }
-
- #secondaryProgress {
- background-color: var(--paper-progress-secondary-color, --google-green-100);
- }
-
- #activeProgress.indeterminate {
- -webkit-transform-origin: center center;
- transform-origin: center center;
- -webkit-animation: indeterminate-bar 1s linear infinite;
- animation: indeterminate-bar 1s linear infinite;
- }
-
- @-webkit-keyframes indeterminate-bar {
- 0% {
- -webkit-transform: translate(-50%) scaleX(0);
- }
- 50% {
- -webkit-transform: translate(0%) scaleX(0.3);
- }
- 100% {
- -webkit-transform: translate(50%) scaleX(0);
- }
- }
-
- @keyframes indeterminate-bar {
- 0% {
- transform: translate(-50%) scaleX(0);
- }
- 50% {
- transform: translate(0%) scaleX(0.3);
- }
- 100% {
- transform: translate(50%) scaleX(0);
- }
- }
- </style>
- <template>
- <div id="progressContainer" role="progressbar" aria-valuenow$="{{value}}" aria-valuemin$="{{min}}" aria-valuemax$="{{max}}">
- <div id="secondaryProgress" class="fit"></div>
- <div id="activeProgress" class="fit"></div>
- </div>
- </template>
-</dom-module>
-
-<script>
- Polymer({
-
- is: 'paper-progress',
-
- behaviors: [
- Polymer.IronRangeBehavior
- ],
-
- properties: {
-
- /**
- * The number that represents the current secondary progress.
- */
- secondaryProgress: {
- type: Number,
- value: 0,
- notify: true
- },
-
- /**
- * The secondary ratio
- */
- secondaryRatio: {
- type: Number,
- value: 0,
- readOnly: true,
- observer: '_secondaryRatioChanged'
- },
-
- /**
- * Use an indeterminate progress indicator.
- */
- indeterminate: {
- type: Boolean,
- value: false,
- notify: true,
- observer: '_toggleIndeterminate'
- }
- },
-
- observers: [
- '_ratioChanged(ratio)',
- '_secondaryProgressChanged(secondaryProgress, min, max)'
- ],
-
- _toggleIndeterminate: function() {
- // If we use attribute/class binding, the animation sometimes doesn't translate properly
- // on Safari 7.1. So instead, we toggle the class here in the update method.
- this.toggleClass('indeterminate', this.indeterminate, this.$.activeProgress);
- },
-
- _transformProgress: function(progress, ratio) {
- var transform = 'scaleX(' + (ratio / 100) + ')';
- progress.style.transform = progress.style.webkitTransform = transform;
- },
-
- _ratioChanged: function(ratio) {
- this._transformProgress(this.$.activeProgress, ratio);
- },
-
- _secondaryRatioChanged: function(secondaryRatio) {
- this._transformProgress(this.$.secondaryProgress, secondaryRatio);
- },
-
- _secondaryProgressChanged: function() {
- this.secondaryProgress = this._clampValue(this.secondaryProgress);
- this._setSecondaryRatio(this._calcRatio(this.secondaryProgress) * 100);
- }
-
- });
-
-</script>

Powered by Google App Engine
This is Rietveld 408576698