freedesk
WebsiteStart Free TrialAPI DocumentationLog in
  • Welcome
  • Platform
    • Website Builder
      • Dashboard overview
      • How to use your file manager
      • Language and time zone settings
      • Connect Your Domain URL
      • Privacy
      • Customer data
      • Favicon and social share image
      • Font styling
      • Add new page
      • Add new blocks
      • Pop Ups
    • Widgets
      • Button widget
      • Container widget
      • Image widget
      • Progress bar widget
      • Accordion
      • Forms widget
      • Quizzes & Surveys
      • Checkout
      • Store
      • Donation
      • Gallery
      • Slider
      • Social media
      • Audio
      • Blog
      • Countdown
      • Code
      • Map Widget
      • Embed Widget
    • Funnels
      • Getting started
      • Funnel orientation
      • Additional Settings
      • A/B Split Testing
      • Create store product
      • Upsell & Downsell
    • CRM
      • Importing contacts
      • Exporting contacts
      • Add Contacts Manually
      • Contact Profiles
      • Properties
      • CRM Tags
      • Create a Membership Group
      • Membership (Secured) content
    • Ecommerce
      • Store Front Orientation
      • Creating Store Products
      • Connect your payment processor
      • Importing products
      • Shipping options
      • Sales taxes
      • Applying discount
      • Product categories
      • Tracking Links
      • Managing Orders
      • Abandoned Cart
    • Messaging & Workflows
      • Email Campaigns
      • Automation Overview
      • Email Lists
      • Email Account Review
      • Individual Email Sending
      • Email Domain Connection
      • SMS & WhatsApp
      • Why SMS Marketing is Effective
    • System Emails
      • System email templates
        • Appointment reminder
        • Double opt in confirmation
        • Download digital goods
        • Member registration approved
        • Password recovery
        • New appointment
        • Order shipped
        • New order
        • Order cancelled
        • Order completed
        • Subscription failed to renew
        • Community Mention
        • Replied to You
    • AI Writing Assistant
    • Booking & Appointments
      • Creating booking
    • Facebook CAPI
  • Community LMS
    • Create a Community
      • Community Settings
      • Community Dashboard
      • Community Moderation
      • Assign Community Roles
  • Circles
    • Circle Settings
    • Circle Settings & Styling
    • Editing Your Circle
    • Add a New Page/Group
    • Analytics & Engagement
  • Access Levels
  • Content Availability
  • Community Widgets
    • Circle
    • Circles
    • Comment Area
    • Discussion
    • Reviews
    • Wall/Forum
  • Community Notifications
  • Video
    • Getting Started
      • Video Manager
      • Single Video
      • Playlist
  • Video Automation
  • Blog
    • Starting a Blog
    • Getting Started
      • Blog Header and Sidebar Settings
      • Blog Settings
      • Article Basics
      • Article Content
    • Article Settings
      • Blog Article Tags
      • Blog Article Categories
      • Blog Article URL
      • Blog Article Author
      • Blog Article Post Date
      • Blog Article Comments
  • FUNNEL DESIGNS
    • Types of Funnels
      • Lead Generation
      • Webinar
      • Hero
      • Onboarding
      • Appointment Booking
      • Opt in
      • Online course funnel
      • Membership funnel
      • Summit funnel
      • Digital download funnel
  • INTERNAL INTEGRATIONS
    • Email
      • Email Integrations
      • Connect custom email
    • Twilio
      • Create an account
  • EXTERNAL INTEGRATIONS
    • Make
    • Zapier
  • OTHER
    • Roadmap
    • FAQ's
    • Bug Fixes
Powered by GitBook
On this page

Was this helpful?

  1. Platform
  2. Widgets

Progress bar widget

PreviousImage widgetNextAccordion

Last updated 5 days ago

Was this helpful?

Progress bars are great for visually tracking completion across pages, blocks, and funnels.

  • Go to Widgets – Open the Widgets panel in your editor.

  • Select "Progress Bar" – Add it to your page for real-time tracking.

  • Use in Dynamic URLs – The progress bar can also be integrated into dynamic links for adaptable tracking.

This ensures smooth user experience while keeping progress visually engaging!

Now that you have the progress bar on your page, you can now open the settings tab to modify the look.

Progress: Set the progress % to where you need it.

Select the colour and background.

Choose the height of the progress bar and whether you need it animated or not.

Dynamic Bar Url

To make your progress bar dynamic, add a URL string to your page domain where the progress bar is included. This will automatically update the progress percentage based on the URL string parameter you set.

This will change the progress bar % to 20%. You can modify the % to suit your needs.

WWW.YOURDOMAIN/PAGE?progress=20%