반짝이는 슬라이더를 왼쪽 대신 값의 오른쪽에 색칠하는 방법은 무엇입니까?

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){} 
)