diff --git a/src/views/progressbar/ProgressBarDoc.vue b/src/views/progressbar/ProgressBarDoc.vue
index 0c17c0218..b7f2ae62a 100755
--- a/src/views/progressbar/ProgressBarDoc.vue
+++ b/src/views/progressbar/ProgressBarDoc.vue
@@ -28,9 +28,11 @@ data() {
                 <h5>Slot</h5>
                 <p>A custom label can be placed inside the progress bar via the default slot.</p>
 <CodeHighlight>
+<template v-pre>
 &lt;ProgressBar :value="value"&gt;
-    Percent Complete
+    Percent Complete: {{value}}%
 &lt;/ProgressBar&gt;
+</template>
 </CodeHighlight>
 
 				<h5>Properties</h5>