Progress Bar for Contact Form 7
A clean look progress bar for Contact Form 7 forms. Supports text, select, radio, acceptance fields. Checkboxes are not trackable, maybe available in future releases.
How to use?
Use shortcode
[cf7-progress-bar bar_fields="" form_name=""]
anywhere on page where form exists. Shortcode attributes (bar_fields and form_name) are necessary for progress bar.
Bar Fields:-
Progress in the form is tracked by the events occuring in these fields. It’s parameters include only the name of the fields separated by pipe sign (|). Example,
bar_fields="your-name|your-email|your-subject|your-message".
Form Name:-
Say the name of the form in it. Example, form_name=”form546″.
How to find name of the form?
Add html_name to contact form 7 shortcode. Example,
[contact-form-7 id="47" title="Contact form 1" html_name="form545"]
Supply this name to form_name in [cf7-progress-bar] so progress bar knows which form to track.
Other attributes:-
color=”#000000″.This is the color of the progress bar. This is also kinda important.
| Domain | Exposures | Headers | Last Checked |
|---|---|---|---|
| k*r*t*n*c.com | F | 2026-04-15 10:39:40 | |
| r*a*r*a*t*.com | F | 2026-04-11 15:31:58 | |
| q*e*n*t*p*g*n*s.com | — | 2026-03-13 18:20:53 | |
| p*i*a*e*o*e*f*n*n*i*g.com | — | 2025-11-09 22:33:27 | |
| m*r*g*g*p*n*s*l*a*i*.com | — | 2025-11-09 07:17:32 | |
| d*c*m*r*g*g*s.com | — | 2025-11-07 08:15:54 | |
| b*n*s*a*e*e*t*o*t*a*e.com | — | 2025-11-06 08:54:28 | |
| a*a*o*k.com | — | 2025-11-06 07:53:48 |