简体   繁体   English

R闪亮进度盒

[英]R Shiny Progress Box

I am working on a shiny app and have implemented my progress bar and modified it how it wanted using .progress , .progess-bar and .progress-text within my CSS. 我正在开发一个闪亮的应用程序,并已实现我的进度条并修改它如何在我的CSS中使用.progress.progess-bar.progress-text I have it nearly how I want, but I just need to get rid of the grey popup box with the x (see attached image). 我几乎可以得到它,但我只需要摆脱带有x的灰色弹出框(参见附图)。

进度条

I've tried a variety of different CSS combinations and have got nowhere. 我已经尝试了各种不同的CSS组合并且无处可去。 Does anyone know the CSS ID for this box? 有谁知道这个盒子的CSS ID?

Example: 例:

ui: 用户界面:

ui <- shinyUI(fluidPage(

  includeCSS("www/styles.css"),

  plotOutput('plot', width = "300px", height = "300px"),

  actionButton('goPlot', 'Go plot')
))

server: 服务器:

server <- function(input, output) {
output$plot <- renderPlot({
input$goPlot 

dat <- data.frame(x = numeric(0), y = numeric(0))

withProgress(message = 'Making plot', value = 0, {
  n <- 1000

  for (i in 1:n) {
    dat <- rbind(dat, data.frame(x = rnorm(1), y = rnorm(1)))

    incProgress(1/n, detail = paste("Doing part", i))

  }
})

plot(dat$x, dat$y)
})
}

css CSS

.progress{
  position:fixed;
  bottom:50px;
  left:25%;
  width:50%;
}

.progress-bar{
  background-color:#000;
}

.progress-text{
  position:fixed;
  bottom:60px;
  left:25%;
  font-size:25px;
}

You can add this to your CSS, it will hide the notification: 您可以将其添加到CSS中,它会隐藏通知:

.shiny-notification{
  position:fixed;
  left:-100px;
  width:0px;
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM