# Removing progress bar

**URL:** https://forum.lottiefiles.com/t/removing-progress-bar/407
**Category:** Lottie in Web
**Created:** [December 13, 2020, 11:29pm UTC](https://forum.lottiefiles.com/t/removing-progress-bar/407 "2020-12-13T23:29:39Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![craig](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/craig/32/320_2.png) [@craig](https://forum.lottiefiles.com/u/craig)
#### Post date: [December 13, 2020, 11:29pm UTC](https://forum.lottiefiles.com/t/removing-progress-bar/407/1 "2020-12-13T23:29:39Z")

</div>

I posted a lottie animation on my website using the HTML code / script. How do you remove the progress bar underneath the animation? Would love for just a clean look on my website, versus having the bar appear below the animation.

---

<div class="post-metadata">

### Author: ![mayli](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/mayli/32/324_2.png) [@mayli](https://forum.lottiefiles.com/u/mayli)
#### Post date: [December 16, 2020, 6:41am UTC](https://forum.lottiefiles.com/t/removing-progress-bar/407/2 "2020-12-16T06:41:11Z")

</div>

Hey Craig!  
Not sure if you might have already done this but when you use the [Lottie Web-Player on LottieFiles](https://lottiefiles.com/web-player), if you deselect ‘Controls’ this should remove those pesky bars from beneath your Lottie animations 🙂

Let me know if this works for you

---

<div class="post-metadata">

### Author: ![craig](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/craig/32/320_2.png) [@craig](https://forum.lottiefiles.com/u/craig)
#### Post date: [December 16, 2020, 1:28pm UTC](https://forum.lottiefiles.com/t/removing-progress-bar/407/3 "2020-12-16T13:28:26Z")

</div>

So simple…and yet, I would have never known this. THANK YOU so much for responding. You made a huge difference just by doing so.

---

<div class="post-metadata">

### Author: ![zubair](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/zubair/32/2816_2.png) [@zubair](https://forum.lottiefiles.com/u/zubair)
#### Post date: [March 6, 2024, 11:40am UTC](https://forum.lottiefiles.com/t/removing-progress-bar/407/4 "2024-03-06T11:40:50Z")

</div>

You can also do it manually from your HTML file by removing the ‘controls’ word from the tag

```
      <lottie-player src=<YOUR URL> background="transparent" speed="1" loop controls autoplay></lottie-player>

```

---

<div class="post-metadata">

### Author: ![PFM](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/pfm/32/3174_2.png) [@PFM](https://forum.lottiefiles.com/u/PFM)
#### Post date: [June 30, 2024, 7:47pm UTC](https://forum.lottiefiles.com/t/removing-progress-bar/407/5 "2024-06-30T19:47:29Z")

</div>

> [@craig](#):
>
> I posted a lottie animation on my website using the HTML code / script. How do you remove the progress bar underneath the animation? [liteblueguide.xyz](http://liteblueguide.xyz) Would love for just a clean look on my website, versus having the bar appear below the animation.

To remove the progress bar from your Lottie animation, set background: none for the animation container and disable rendererSettings: {progressBar: false} in your Lottie configuration script. This ensures a clean look on your website without the progress bar appearing below the animation.