Transition page 001

Reveal now

What is it?

This transition provides a progress bar overlay that counts up from 0% to 100% before the new page loads. When a user clicks on an internal link, a semi-transparent black background appears, showing a progress bar and a percentage counter. As the progress fills up, it creates the impression of a controlled, steady loading process, adding a professional and reassuring feel to page navigation.

How to set it up?

  1. Go to Global Settings:
    In your Breakdance builder, open the “Global Settings” section.

  2. Add the Code:
    Find the “Custom JavaScript” area and paste in the provided code exactly as it is. There’s no need to modify anything—just copy and paste.

  3. No Images or Logos Needed:
    The progress bar and percentage counter work right out of the box without requiring image changes.

  4. Save and Test:
    Save your changes and then click on any internal link. You’ll see the overlay appear with the progress bar and percentage increasing smoothly until the next page loads. This gives your site a refined, user-friendly transition experience.

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours