Infinite progress bar


Topic: Infinite progress bar

meesha81 pro premium priority asked 2 years ago

How to do infinite preloader progress bar in MDB 6.0.0? Similar to code from version 4? It means thin line with animation like MDB 4.

<div class="progress md-progress primary-color-dark">
    <div class="indeterminate"></div>
</div>

Grzegorz Bujański staff answered 2 years ago

Unfortunately, we do not have such an example for MDB5 at the moment. At the moment there are spinners available: https://mdbootstrap.com/docs/standard/components/spinners/


meesha81 pro premium priority answered 2 years ago

Spinners are very different graphic component. So this element disappears and I have to do it by clean CSS.


kpienkowska staff answered 2 years ago

I've prepared snippet for you: https://mdbootstrap.com/snippets/standard/kpienkowska/4555580


meesha81 pro premium priority commented 2 years ago

Thank you for snippet. It looks easy if you can animate elements:)


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.0.0
  • Device: PC
  • Browser: Chrome
  • OS: WIN11
  • Provided sample code: No
  • Provided link: No