You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Gradio Blocks中隐藏处理时长消息并保留加载动画?

解决方案:保留Gradio加载动画,隐藏处理时长消息

方法一:自定义CSS(推荐)

Gradio的处理时长消息对应特定CSS类,通过自定义CSS可单独隐藏该元素,同时保留加载动画。

在初始化Blocks时添加自定义CSS:

with gr.Blocks(css="""
/* 隐藏处理时长文本,保留加载动画 */
.gr-progress-label, .gr-processing-text {
    display: none !important;
}
""") as demo:
    # 你的组件逻辑
    prompt = gr.Textbox(label="输入提示")
    output = gr.Textbox(label="输出结果")
    
    # 保持show_progress=True,确保加载动画正常显示
    prompt.submit(your_processing_function, inputs=prompt, outputs=output, show_progress=True)

说明

  • 上述CSS匹配Gradio中显示处理时长的元素(若随版本更新类名变化,可通过浏览器开发者工具查看对应元素的类名调整)
  • 必须保留show_progress=True,否则加载动画会被一同隐藏

内容的提问来源于stack exchange,提问作者Alex Kay

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.16 01:14:51