在R闪亮中将fileinput进度条颜色更改为渐变

Posted 2023-03-24

【中文标题】在R闪亮中将fileinput进度条颜色更改为渐变

【英文标题】：change fileinput progress bar color to gradient in R shiny

【发布时间】：2019-11-30 01:03:06

【问题描述】：

无法将渐变颜色添加到我的文件输入进度条。

现在，我可以使用此处提供的代码将进度条的颜色从常规的蓝色更改为其他颜色。 Colour of progress bar in fileInput -- Shiny

ui <- fluidPage(

    tags$head(tags$style(".progress-barbackground-color:#3c763d;")),

    fileInput(inputId = "fileInp", label = "Input file:",multiple = FALSE,
               accept = c(
                 "text/csv",
                 "text/comma-separated-values,text/plain",
                 ".csv"))

  )


  server <- function(input, output)


  

  shinyApp(ui=ui, server=server)


##also tried replacing background color with code from https://www.w3schools.com/css/css3_gradients.asp but no luck :


  background-color: linear-gradient(to right, red , yellow);

但是，我想要的是像这样的渐变https://imgur.com/XdFBUIt

【参考方案1】：

尝试从预定义的调色板创建色带： https://www.rdocumentation.org/packages/dichromat/versions/1.1/topics/colorRampPalette

【参考方案2】：

要在 CSS 中设置渐变，属性是 background-image，而不是 background-color。您还必须将background-size 设置为auto，否则设置为40px 40px 并且进度条是条纹的。这是 CSS：

  tags$head(
    tags$style(
      ".progress-bar 
          background-image: linear-gradient(to right, red , yellow) !important;
          background-size: auto !important;
      ")
  )