diff --git a/app/templates/components/bs-progressbar.hbs b/app/templates/components/bs-progressbar.hbs
index 85976c5..d0b8818 100644
--- a/app/templates/components/bs-progressbar.hbs
+++ b/app/templates/components/bs-progressbar.hbs
@@ -1 +1,5 @@
-<span class="sr-only">{{progress}}% Complete</span>
\ No newline at end of file
+{{#if template}}
+	{{yield}}
+{{else}}
+	<span class="sr-only">{{progress}}% Complete</span>
+{{/if}}
\ No newline at end of file
diff --git a/app/templates/showcase/show_components/progressbar.md b/app/templates/showcase/show_components/progressbar.md
index 0515c2e..dea58be 100644
--- a/app/templates/showcase/show_components/progressbar.md
+++ b/app/templates/showcase/show_components/progressbar.md
@@ -114,4 +114,27 @@ Multiple bars can be placed into the same _bs-progress_ to stack them:
         \{\{bs-progressbar type="warning" progress="20"\}\}
         \{\{bs-progressbar type="danger" progress="10"\}\}
     \{\{/bs-progress\}\}
+```
+
+## With label
+
+A label can be added to the progress bar as mentioned 
+[here](http://getbootstrap.com/components/#progress-label). That works by using
+_bs-progress_ and _bs-progressbar_ as block helpers. The inner content will be
+displayed as label.
+
+<div class="bs-example">
+    {{#bs-progress}}
+        {{#bs-progressbar type="success" progress="100"}}
+            custom label
+        {{/bs-progressbar}}
+    {{/bs-progress}}
+</div>
+
+``` html
+    \{\{#bs-progress\}\}
+        \{\{#bs-progressbar type="success" progress="100"\}\}
+            custom label
+        \{\{/bs-progressbar\}\}
+    \{\{/bs-progress\}\}
 ```
\ No newline at end of file