How to Add and Set Up the Filled Fields Widget on Your Form

February 19, 2026

Jotform’s Filled Fields widget helps users track their progress by showing how many form fields they have completed and how many are left. This gives users a clear sense of progress and encourages them to finish filling out your form. It works especially well for longer forms where progress visibility improves completion rates.

Here are a few ways to use it:

  • Show progress on registration forms.
  • Help users track completion on application forms.
  • Add progress visibility to signup forms.
  • Encourage users to complete longer forms.

Whether you’re creating a new form or updating an existing one, you can add and set up the Filled Fields widget in a few easy steps. Here’s how to do it:

  1. In Form Builder, click on Add Element on the left side of the page.
Filled Fields widget successfully added and configured on a Jotform form
  1. Now, in the Form Elements menu, under the Widgets tab, search for Filled Fields and click on it. Or, just drag and drop it to where you want it to be on your form, and you’re good to go.
Form Elements Widgets tab showing Filled Fields widget selection in Jotform

That’s it. Now you’ve added and set up the Filled Fields widget on your form. 

How to Add and Set Up the Filled Fields Widget on Your Form Image-1

Want to see how it works? Check out this live demo form.

Note

You can also configure the widget properties, like alignment, labels, size, visibility, and more, to control how it looks and behaves in your form. Check out our guide on How to Access and Configure the Question Properties of a Widget to learn more.

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Podo Comment Be the first to comment.
Still have unanswered questions?

We’re here for you 24/7, anytime you need us day or night. Have a question or need a hand with something? Our team is always ready to help out.