在这种情况下我需要什么Ember附加组件？

Question

我想知道是否有一个我可以实现的ember附加组件来执行以下操作。

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

绿色的渐变色条＆gt;黄色＆gt;红色和v表示落在那里的值。此外，绿色，黄色，红色开始是基于值，所以绿色可以是0-20和黄色21-40和红色41 +

我不知道会发出类似这样的内容，但如果有人能让我知道并帮助我指明正确的方向，我将非常感激。

Answer 1

你走了：

＆＃13;

＆＃13;

var min = 0;
var max = 60;

function set(x) {
  var left = (x - min) / (max - min) * 100;
	document.getElementById("V").style.left = left + "%";
}

set(50);

＆＃13;

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

＆＃13;

<div id="gauge">
  <div id="V"></div>
</div>

＆＃13;

＆＃13;

＆＃13;