jquery - 背景色の範囲を持つjQueryスライダー

Question

私は私のものに似た多くの質問を見てきましたが、私の質問は特に見ませんでした。私がやろうとしているのは、単一のハンドルを持つスライダーですが、バックグラウンドでは、スライダーの範囲には、緑（または他の色）で示されるターゲット範囲があります。理想的には、境界ケースを示すターゲットの外側にブリードカラーを設定することもできます。私はそれも次のように見えると想像しています：

Answer 1

いくつかのオプションがあります。

1）画像を作成し、スライダーの背景として配置します。

2）スライダー本体の中にいくつかのdivを入れ子にして、好きなようにスタイルを設定します。http://jsfiddle.net/6Whzm/1/