PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Having Progres Bar Dynamically Populate When Forms Are Filled Out

Gravity Support Forums » Plugin Support » Gravity Forms

  1. flourishpress
    Member

    Please view the link below:

    flourishpress.com/client-approval

    We have a series of approvals the user must go through during a web development process. Each step in the approval process has a Gravity form that the user will fill out in order to mark the step as approved. What I'd like is when the user completes the first approval the progress bar at the top dynamically populates and progresses as the approvals are met.

    Example:

    When the user submits approval of the site plan and fills out the form then the status bar would move to the percentage of completion. These approvals happen over the course of a few weeks so we need a way for each time the user visits the page to see an active progress bar that shows what step the user is in with respect to the overall approval process.

    Any help would be greatly appreiciated.

    Nick Adams

    Posted 12 years ago on Wednesday October 10, 2012 | Permalink

  2. Chris Hajer
    Key Master

    There is no 'save and continue' functionality in Gravity Forms. The forms are intended to be completed in one session. Someone recently uploaded a "Data Persistence" add-on to the wordpress.org repository: http://wordpress.org/extend/plugins/gravity-forms-data-persistence-add-on/

    That would allow the visitor to continue where they left off, but that is not strictly what you need. I'm not certain Gravity Forms is the right tool for this application.

    Since you are using multiple Gravity Forms, one for each step, you need some way to track which forms have been completed already. Maybe each form could have a pre-set progress indicator, so when they are presented form one for their approval, your HTML image/progress indicator, is at 0%. This is just an HTML form field with an image. Then, once that is submitted, you are always going to send then to form 2, and if you have 10 steps, maybe form 2 shows a completed progress indicator of 10%. Again, this is just an HTML field in the form. If the forms are always completed sequentially, I think the amount of progress achieved when they submit a given form will be the same. Does that work for you?

    Posted 12 years ago on Wednesday October 10, 2012 | Permalink

  3. flourishpress
    Member

    Hi Chris,

    Thanks for your deep feedback. I think your solution would actually work for me. How would I go about having a pre-set progress indicator for each form. I think that would be a great solution for me.

    Thanks so much,

    Nick Adams

    Posted 12 years ago on Thursday October 11, 2012 | Permalink

  4. Chris Hajer
    Key Master

    I just checked for a progress bar plugin and found this:
    http://wordpress.org/extend/plugins/progress-bar/

    Looks like you can just add an HTML field to your form (put it right at the top of the form) or even just put it in the page where the form is embedded, so it's before the form title and form description if you use those (I like the thought of it in the page better than in the form.) Then, after activating the plugin, you can use this shortcode, where the number (50 here) is the percentage complete:

    [wppb progress=50]

    Seems pretty simple. Give that a shot and let us know how it goes.

    Posted 12 years ago on Friday October 12, 2012 | Permalink