Javascript 添加'；正在进行的计算'；发光应用指示器

我正在使用shiny构建一个web应用程序。有些步骤需要一些时间来计算，所以我想在Shining应用程序的process indicator中添加一个计算

我在stackoverflow中找到了，但是

shinyIncubator

包接缝需要指定最小值和最大值

然后我发现了这个博客：他提供了一个很好的方法

shinyUI(bootstrapPage(
  # Add custom CSS & Javascript;
  tagList(
    tags$head(
      tags$link(rel="stylesheet", type="text/css",href="style.css"),
      tags$script(type="text/javascript", src = "busy.js")
    )
  ),
  div(class = "busy",  
      p("Calculation in progress.."), 
      img(src="http://imageshack.us/a/img827/4092/ajaxloaderq.gif")
  ),
  div(class = "span4", uiOutput("obs")),
  div(class = "span8", plotOutput("distPlot"))
))

Java脚本

setInterval(function(){
  if ($('html').attr('class')=='shiny-busy') {
    setTimeout(function() {
      if ($('html').attr('class')=='shiny-busy') {
        $('div.busy').show()
      }
    }, 1000)
  } else {
    $('div.busy').hide()
  }
}, 100)

style.css

div.busy { 
  position:absolute;
  top: 40%;
  left: 50%;
  margin-top: -100px;
  margin-left: -50px;
  display:none;
  background: rgba(230, 230, 230, .8);
  text-align: center;
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 40px;
  padding-right: 30px;
  border-radius: 5px;
}

所以我的问题是如何在我的ui文件中添加自定义CSS和Javascript？我试图创建两个单独的js和css文件，但是指示器经常出现在左上方。然后我尝试将这两段代码直接放在R中，但肯定是语法错误。 谢谢

---

问题解决：创建一个名为“www”的文件夹并将这两个文件放入其中。

创建一个名为“www”的文件夹并将这两个文件放入其中。

您到底想做什么？是否希望进度指示符出现在页面的中间？或者与页面上的特定内容或其他内容对齐？（我很好奇，因为我们现在把设计放在一起，在闪亮的0.10中显示什么样的进展。）我试图让进度指示器出现在页面的中间，在计算和消失之后。到目前为止，我发现指示器一直出现在左上方（我猜是默认位置），这意味着java脚本和style.css不起作用@Yoki，如果你解决了自己的问题，如果你能发布自己的答案并接受它，那么问题将被标记为已回答，这将是非常有帮助的。