我有一个.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;
}