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
Post a Comment