Display progress and status

Streamlit provides a few methods that allow you to add animation to your apps. These animations include progress bars, status messages (like warnings), and celebratory balloons.

Animated status elements

Progress bar

Display a progress bar.

Python

for i in range(101):
  st.progress(i)
  do_something_slow()

Spinner

Temporarily displays a message while executing a block of code.

Python

with st.spinner("Please wait..."):
  do_something_slow()

Status container

Display output of long-running tasks in a container.

Python

with st.status('Running'):
  do_something_slow()

Toast

Briefly displays a toast message in the bottom-right corner.

Python

st.toast('Butter!', icon='🧈')

Balloons

Display celebratory balloons!

Python

st.balloons()

Snowflakes

Display celebratory snowflakes!

Python

st.snow()

Simple callout messages

Success box

Display a success message.

Python

st.success("Match found!")

Info box

Display an informational message.

Python

st.info("Dataset is updated every day at midnight.")

Warning box

Display warning message.

Python

st.warning("Unable to fetch image. Skipping...")

Error box

Display error message.

Python

st.error("We encountered an error")

Exception output

Display an exception.

Python

e = RuntimeError("This is an exception of type RuntimeError")
st.exception(e)

Third-party components

Custom notification box

A custom notification box with the ability to close it out. Created by @Socvest.

Python

from streamlit_custom_notification_box import custom_notification_box

styles = {'material-icons':{'color': 'red'}, 'text-icon-link-close-container': {'box-shadow': '#3896de 0px 4px'}, 'notification-text': {'':''}, 'close-button':{'':''}, 'link':{'':''}}
custom_notification_box(icon='info', textDisplay='We are almost done with your registration...', externalLink='more info', url='#', styles=styles, key="foo")

Streamlit Extras

A library with useful Streamlit extras. Created by @arnaudmiribel.

Python

from streamlit_extras.let_it_rain import rain

rain(emoji="🎈", font_size=54,
  falling_speed=5, animation_length="infinite",)

arrow_backPrevious: Chat elements arrow_forwardNext: st.success

forum

Still have questions?

Our forums are full of helpful information and Streamlit experts.