Using spinner and progress bar within st.experimental_fragment: how to avoid blurring?

Using Streamlit
1

I use the new fragment feature for a part on a page for updating some data.

As this update gets data from different sources I use a Spinner and in addition a Progress Bar.

But using this inside the fragement has the effect the the Spinner and the Progress Bar gets blurred during the update.
Thought about placing Spinner and Co outside of the fragement but that seems a bit cumbersome to me.

Any ideas how to adress this issue?

2

Could you give us a minimal code example that we can easily reproduce?

3

Here you can get an idea of the structure. We have some fragements on a page like the one below.
Inside the fragement we have an expander. Spinner and Progress Bar get blurred when clicking on the submit button. Seems logical, but how can we use a Spinner inside a fragement then?

@st.experimental_fragment
def data_update():

	with st.expander("Data Update"):

		st.subheader("Data Update")

			with st.spinner("Update is running..."):

				time.sleep(5)
4

Your posted code is incorrect.

NameError: name 'df_update_register' is not defined
5

Have adapted the example to reduce it to the core problem :slight_smile:

6

Solving an issue is not that easy if we cannot reproduce the issue on our system. That is why usually we request for a github source code. However there are people who do not wish to share the source code. So what we can do is to request for a sample minimal reproducible code. Something that can reproduce the issue but without exposing the source code. Minimal means excluding codes that are not necessary.

7

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.