diff --git a/src/components/progressbar/ProgressBar.vue b/src/components/progressbar/ProgressBar.vue
index 56f50747b..bba157507 100755
--- a/src/components/progressbar/ProgressBar.vue
+++ b/src/components/progressbar/ProgressBar.vue
@@ -1,7 +1,9 @@
 <template>
     <div role="progressbar" :class="containerClass" aria-valuemin="0" :aria-valuenow="value" aria-valuemax="100">
         <div v-if="determinate" class="p-progressbar-value p-progressbar-value-animate" :style="progressStyle"></div>
-        <div v-if="determinate && value && showValue" class="p-progressbar-label">{{value + '%'}}</div>
+        <div v-if="determinate && value && showValue" class="p-progressbar-label">
+            <slot>{{value + '%'}}</slot>
+        </div>
         <div v-if="indeterminate" class="p-progressbar-indeterminate-container">
             <div class="p-progressbar-value p-progressbar-value-animate"></div>
         </div>
diff --git a/src/views/progressbar/ProgressBarDoc.vue b/src/views/progressbar/ProgressBarDoc.vue
index a034b2f50..0c17c0218 100755
--- a/src/views/progressbar/ProgressBarDoc.vue
+++ b/src/views/progressbar/ProgressBarDoc.vue
@@ -23,6 +23,14 @@ data() {
 				<p>Indeterminate is simplly enabled using <i>mode</i> property.</p>
 <CodeHighlight>
 &lt;ProgressBar mode="indeterminate"/&gt;
+</CodeHighlight>
+
+                <h5>Slot</h5>
+                <p>A custom label can be placed inside the progress bar via the default slot.</p>
+<CodeHighlight>
+&lt;ProgressBar :value="value"&gt;
+    Percent Complete
+&lt;/ProgressBar&gt;
 </CodeHighlight>
 
 				<h5>Properties</h5>