我有一个.gif文件,我想使用而不是基本的 withProgress
吧,但我看不到使用它的简单方法 .
所以,问题是 - 如何创建自定义进度条?无法弄清楚我是否可以使用 Progress
执行此任务 .
编辑:有一些CSS(虽然我不是css向导)我得到了一些工作,但第一次出现进度条 - 图像显示较晚,当 withProgress
几乎完成 . 提供给 withProgress
的文本消息根据需要显示 .
来自UI的css文件:
.shiny-progress-container{
padding-top:10%;
top: -5px;
left: 0;
right: 0;
bottom: 0;
background-color: transparent!important;
text-align: center;
color:black;
}
.shiny-progress-container .progress-text{
position:relative;
margin:auto;
background-color: transparent;
text-align: center!important;
}
.shiny-progress-container .progress-text .progress-message{
background-image: url(loading.gif);
background-repeat: no-repeat;
background-size: 140px;
background-position: 50% -0;
padding-top: 150px;
width: 400px;
}
.shiny-progress-container .shiny-progress:first-child .progress-text {
background-image: url(loading.gif);
background-repeat: no-repeat;
background-size: 140px;
background-position: 50% -0;
padding-top: 150px;
width: 400px;
}
.shiny-progress-container .shiny-progress:last-child .progress-text {
width: 400px;
}