diff --git a/demo/src/app/components/progressbar/demos/texttypes/progressbar-texttypes.html b/demo/src/app/components/progressbar/demos/texttypes/progressbar-texttypes.html
new file mode 100644
index 0000000000..7a1bb2adb5
--- /dev/null
+++ b/demo/src/app/components/progressbar/demos/texttypes/progressbar-texttypes.html
@@ -0,0 +1,4 @@
+
-
@@ -50,6 +50,14 @@ export class NgbProgressbar {
*/
@Input() showValue: boolean;
+ /**
+ * Optional text variant type of the progress bar.
+ *
+ * Supports types based on Bootstrap background color variants, like:
+ * `"success"`, `"info"`, `"warning"`, `"danger"`, `"primary"`, `"secondary"`, `"dark"` and so on.
+ */
+ @Input() textType: string;
+
/**
* The type of the progress bar.
*
@@ -76,6 +84,7 @@ export class NgbProgressbar {
this.max = config.max;
this.animated = config.animated;
this.striped = config.striped;
+ this.textType = config.textType;
this.type = config.type;
this.showValue = config.showValue;
this.height = config.height;