How to remove Progress Bar and Controls from Lottie Animations
Step 1: Select Your Animation on LottieFiles
Visit the LottieFiles website.
Choose the animation you wish to embed.
Step 2: Disable Controls in the Animation Player
Look for the "Controls" checkbox within the animation player.
Uncheck the "Controls" option to hide the progress bar and player controls.
Step 2 (Other solution): Manual Removal of Attribute
Look for "controls" and "direction" and remove this attribute
Before Removal:
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script><lottie-player src="YOUR_LOTTIE_FILE_URL" background="#FFFFFF" speed="1" style="width: 300px; height: 300px" loop controls autoplay direction="1" mode="normal"></lottie-player>
After Removal:
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script><lottie-player src="YOUR_LOTTIE_FILE_URL" background="#FFFFFF" speed="1" style="width: 300px; height: 300px" loop autoplay mode="normal"></lottie-player>
Comments