如何完成此百分比問題

我使用JavaScript。我做了一個圖形，它有點像這樣。如何完成此百分比問題

100 [=======||=======] 200

所以基本上這是一種數學問題。在左側和右側是兩個數字，作爲範圍。在這個範圍之間的第三個數字將被定義並且||標記根據這第三個數字移動。

因此，在這個示例中的第三數目是150，這使得||中間的分隔線。我想要的是一種從這3個給定數字中計算百分比值的方法，通過css left: xx%屬性進行分隔。我該怎麼做？

編輯：我加入了小提琴由用戶所講述。 http://jsfiddle.net/e2dLv/1/

任何建議/關於代碼的批評是值得歡迎的。

它現在解決了澤塔作爲回答。它可以幫助某人。

2014-03-28 Karan

我建議你看你的實際的HTML和CSS，而不僅僅是一個圖。更好的是，把它放在一個可以工作的jsFiddle中，這樣人們就可以清楚地看到你在做什麼，並告訴你他們的答案是如何工作的。 – jfriend00

換句話說，你有一個範圍滑塊，你希望能夠計算出應該給哪個句柄賦值。 –

取決於你想要第三個數字是 – jing3142

這基本上是線性縮放的初始偏移量：

p = 100 * (value - min)/(max - min)

plot

注意，這假定value在區間[min, max]和max != min。這給你的百分比爲0和100之間的數字。

2014-03-28 17:41:00 Zeta

澤塔的百分比是什麼，我不能相信我寫了相同的代碼，但我沒有足夠的信心，這是正確的。 – Karan

我只是想弄清楚它應該如何工作，而且我輸入了代碼。在看到你的答案然後再比較之後，它完全一樣。 http://i.imgur.com/9Ndg5BJ.jpg – Karan

另外我想知道你是如何生成這個圖表的？ – Karan

回答