Shiny withProgress bar css style

[Tianwei Zhang]

Hi,

The shiny progress bar is a nice feature, but I am wondering if we can change the style of the message box through css. Currently I have

.shiny-progress {
 
  top: 50% !important;
  left: 50% !important;
  margin-top: -100px !important;
  margin-left: -250px !important;


  color: #020202;
  font-size: 18px;
  background-color: #020202;
  text-align: center;


}

But it does not change the background of the message box. If someone can point me to the right place for all the customization options, that will be really great. 

Thank you. 

[Winston Chang]

I think you should be using something like this:

.shiny-progress .progress-text {

   ....

}

See the source CSS here:

https://github.com/rstudio/shiny/blob/515a67a/inst/www/shared/shiny.css#L94-L114

--
You received this message because you are subscribed to the Google Groups "Shiny - Web Framework for R" group.
To unsubscribe from this group and stop receiving emails from it, send an email to shiny-discus...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/shiny-discuss/551b00de-d3a3-4b1a-9b14-dee003f449e7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Tianwei Zhang]

Thank you! It works. 

[Alejandro Ruete]

Hi, 

how can I change the color of the actual bar? I am new to CSS but could see that the bar is the class "active". I would like for example to change it to "success". Is that possible at all?

Thank you

[Alejandro Ruete]

never mind, .shiny-progress-notification .progres-bar{ ... did the trick

		Alejandro Ruete about.me/alejandro.ruete

--
You received this message because you are subscribed to a topic in the Google Groups "Shiny - Web Framework for R" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/shiny-discuss/aFJTOLhld3U/unsubscribe.
To unsubscribe from this group and all its topics, send an email to shiny-discuss+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/shiny-discuss/f7c2f520-349f-44f9-a691-fc8dee442cfc%40googlegroups.com.