diff --git a/linear-progress.js b/linear-progress.js
index 7056378..a458099 100644
--- a/linear-progress.js
+++ b/linear-progress.js
@@ -29,7 +29,6 @@ class LinearProgress extends IgniteElement {
                 left: -30em;
                 width: 30em;
                 height: 0.3em;
-                background-color: #26B3FC;
                 animation: loading 2s linear infinite;
             }
             
@@ -65,13 +64,14 @@ class LinearProgress extends IgniteElement {
     get properties() {
         return {
             loading: true,
+            color: "#26B3FC"
         };
     }
 
     render() {
         return this.template.child(
             new div(
-                new div()
+                new div().style("background-color", this.color)
             )
         ).show(this.loading)
     }