From ac43b68f936dff97aa92bef5062eb2d6d8f2c72f Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Sun, 21 Feb 2021 18:13:53 -0800
Subject: [PATCH] Added property to be able to change linear progress color.

---
 linear-progress.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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)
     }