MontoyaTech/ignite-html-material
MontoyaTech/ignite-html-material
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added property to be able to change linear progress color.

Browse Source
This commit is contained in:
Matt Mo 2021-02-21 18:13:53 -08:00
parent 9bc8713a97
commit ac43b68f93
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
linear-progress.js
View File

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