Added pinLabel property.

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "paper-slider",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "A material design-style slider",
   "license": "http://polymer.github.io/LICENSE.txt",
   "authors": "The Polymer Authors",

paper-slider.html

@@ -334,7 +334,7 @@
         on-up="_resetKnob"
         on-track="_onTrack"
         on-transitionend="_knobTransitionEnd">
-          <div class="slider-knob-inner" value$="[[immediateValue]]"></div>
+          <div class="slider-knob-inner" value$="[[_getPinLabel(pinLabel, immediateValue)]]"></div>
       </div>
     </div>
 
@@ -388,6 +388,16 @@
           notify: true
         },
 
+        /**
+         * If set, a this text will be used in the pin instead of just the numeric
+         * number. Use if you need to format the label in any way.
+         */
+        pinLabel: {
+          type: String,
+          value: "",
+          notify: false
+        },
+
         /**
          * The number that represents the current secondary progress.
          */
@@ -704,6 +714,10 @@
         event.stopPropagation();
       },
 
+      _getPinLabel: function(pinLabel, value) {
+        return pinLabel ? pinLabel : value;
+      },
+
       // create the element ripple inside the `sliderKnob`
       _createRipple: function() {
         this._rippleContainer = this.$.sliderKnob;