javascript - What Ember Add-on do I need for this situation? -


i wondering if there ember add-on can implement following.

|-----------------------------------------------v----| green                 yellow                      red 

color gradient bar of green > yellow > red , v represents value lands there. green, yellow, red start based on values, green 0-20 , yellow 21-40 , red 41+

i don't know called, if can let me know , point me in right direction, obliged.

here go:

var min = 0;  var max = 60;    function set(x) {    var left = (x - min) / (max - min) * 100;  	document.getelementbyid("v").style.left = left + "%";  }    set(50);
#gauge {    background: linear-gradient(to right, green 0%, yellow 50%, red 100%);    height: 2em;    position: relative  }    #v {    width: 0;    height: 2.4em;    border: 1px solid black;    position: absolute;    top: -0.2em  }
<div id="gauge">    <div id="v"></div>  </div>


Comments

Popular posts from this blog

xcode - CocoaPod Storyboard error: -

c# - AutoMapper - What's difference between Condition and PreCondition -