fileInput 中进度条的颜色——闪亮答案

【问题标题】：Colour of progress bar in fileInput -- ShinyfileInput 中进度条的颜色——闪亮
【发布时间】：2017-11-08 03:56:39
【问题描述】：

我正在尝试在 Shiny 中更改 fileInput 小部件中上传进度条的颜色。我是一个闪亮的新手，并且在互联网上搜索没有任何结果。有什么想法吗？

【问题讨论】：

您可能需要使用 CSS：请参阅 shiny.rstudio.com/articles/css.html。没有使用过闪亮的东西，所以不确定如何跟踪进度条的类/ID。
@Marius 是的，已经尝试了 CSS 路由，但找不到进度条 ID，就像你说的那样。希望有一些 CSS 大师看到这个问题！
在this example 上玩“检查元素”，我得到<div id="file1_progress" class="progress progress-striped shiny-file-input-progress" style="visibility: visible;">。所以看起来 ID 是从输入的名称生成的。
感谢@Marius，您的回答让我走了大约 75% 的路！

标签： r shiny

【解决方案1】：

这是一个示例应用程序，我使用 css 将进度条的颜色设置为绿色。

ui <- fluidPage(

    tags$head(tags$style(".progress-bar{background-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)

使用上面的代码，你会得到这样的结果：

希望对你有帮助！

【讨论】：

完美！我在这个问题上花了大约 6 个小时，到目前为止还很接近，谢谢！