左の値ではなく、値の右側に光沢のあるスライダーを色付けするにはどうすればいいですか？

Question

私は光沢のあるアプリを構築しており、光沢のあるギャラリー（http://shiny.rstudio.com/gallery/slider-bar-and-slider-range.html）に表示されているものとほぼ同じスライダーを使用しています。デフォルトでは、選択した値（この例では0〜50）の左側に青色で表示されます。選択した値の右側に色を付ける方法はありますか？e.i. 50から100まで？

私はそれをやりたいのですが、ユーザーは「しきい値から最大値までのすべての値」として読む必要があるため、最小値からしきい値までの色付けは誤解を招きます。

誰かがそれについて考えていますか？ マリアそこより良い方法は、おそらくですが、ここでは迅速なCSSの選択肢となっています

Answer 1

：！

library(shiny) 
shinyApp( 
    ui = fluidPage(

    tags$head(tags$style(type = "text/css", ' 
     .irs-line-mid{ 
     background: #428bca ; 
     border: 1px solid #428bca ; 
     } 
     .irs-line-right{ 
     background: #428bca ; 
     } 
     .irs-bar { 
     background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); 
     border-top: 1px solid #CCC ; 
     border-bottom: 1px solid #CCC ; 
     } 
     .irs-bar-edge { 
     background: inherit ; 
     border: inherit ; 
     } 

    ')), 

    sliderInput("slider", label = "Slider", min = 0, max = 100, value = 50) 
), server = function(input,output){} 
)