Shiny中的自定义进度栏

Question

我有一个.gif文件，而不是基本的withProgress栏，但我想使用它没有直接的方法。

因此，问题是–如何创建自定义进度栏？无法确定我是否可以使用Progress来完成这项任务。

edit：使用一些CSS（尽管我不是css-wizard）可以使它工作，但是第一次出现进度条-当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;
}