×

Welcome to ClickFunnels Support!


To get you a solution as fast as possible please read and follow these guidelines prior to submitting a ticket. This sequence has been proven to get you solutions, very fast.


  1. Don’t Panic. All problems can be solved, and most can be found quickly within our Help Articles.


  2. Clear Your Cache. Please see our article on Clearing Your Browser Cache if you’re not familiar with how to do so. This quick and easy step is the first step to solving a number of issues.


  3. Review Your Settings and Steps. Many issues are caused by an unintentional miss-step, like not saving a change in settings or the editor. Please try the process again to see if the solution presents itself in the re-attempt.


  4. Submit a Ticket with All Relevant Information To get you an answer faster it’s important that our team has all relevant information including the issue that you’re experiencing, relevant links, screenshots, error messages, and images to show us what you see. Please also include the funnel, custom domain, integration related to your solution.



Our funnel heroes are often able to respond within 24 hours of submitting your question, Monday through Friday.

Articles in this section

See more

Progress Bar Element

Yashica Burgess
  • Updated
Follow

Progress bars will allow your page visitors to see how close they are to completion. Progress bars can have animation and branding to match your business. 

 

 

Prior to getting started, you will need the following:

Step 1: Add Progress Bar Element

  • Click on Add New Element from within a row or click on the "+" below an existing element.
  • Search or Select the element from the list.
  • Drag it onto the page.

ProgressBar.png

Step 2: Edit Settings

  • Hover your mouse over the progress bar element and click on the Gear icon on the orange border.
  • Edit the element and adjust the Settings as desired.

Progress_Bar.gif

  • Top Margin - Add space on the top of your element.
  • Percent - Enter the text you want to appear inside the progress bar.
  • Font Family - Select the font.
  • BG Color -  Set the color of the progress bar.

Advanced Style Settings

  • Percent Width - Choose what % you want the bar to show.
  • Sizes - Choose the size of the bar.
  • Text Shadow - Add shadow to the text in the bar.
  • Text Style - Select the style of the text (bold and/or italicized).
  • Alignment - Change the justification (left, center, right).
  • Offset Color - Configure of the look of the "empty" portion of the bar.
  • Shadow - Add shadow around the bar.
  • Corners - Adjust the amount of rounding on the corners of the bar.
  • Border - Select a border.

Advanced Animation

  • Timed Delay - fade in or fade in with scale.
  • Type - On page load or on page scroll for the delay that you have set.

If you have any questions about this, please contact our support team by clicking the support icon in the bottom right-hand corner of this page.

Related articles