Great Plugin, any chance a progress meter could be added

Hi David,

have you read my last post about that?

If you place checklist and progressbar on different pages and open both in different tabs, the progressbar won’t update directly, when you click on a checklist item. However, when you refresh the page with the progressbar, it should update.

Cheers,
Jonas

Yes, I tried this every which way and doing a refresh and still the progress bar does not update at all unless its on the same page. I’m using Chrome. I’ve tried exactly as you’ve said and tried simply closing all but the page with the progress bar and still, no updates. It shows the right numbers of tasks on the bar but just will not update the progress at all no matter what I do unless its on the same page.

Any thoughts?

Hi David,

I once had a similar issue where the jQuery library was included twice into the page. Can you check if this is the case?

Cheers,
Jonas

Hmm, ok. Here is my html and it appears there are several calls to jquery library. Here is a screen shot.

Not sure how to sort this out just yet if thats the cause ;).

Hi David,

that looks allright. There is nothing more I can do, without being able to reproduce the issue. If you can provide me with a link to the issue, I can have a look. You can also use my contact form if you don’t want to share the access publicly. https://www.j-breuer.com/contact/

Cheers,
Jonas

To anyone who is interested in this matter: We tested it out via email and David was right. The progressbar is not working when the checklist is not on the same page.

What you can do, is to wrap the checklist into an invisible div. This way, the progressbar will work, but the user can’t see the checklist. Not the most elegant solution, but it should work.

This issue will be fixed, when I add the progressbar to the official plugin.

First of all a great BIG THANKS to Jonas for helping me out with the progress bar issue. He has gone above and beyond to check out my site and find out what was going on. Made props for the man there!.

Following his advice till the full progress bar version comes out, here is what I did to make this work.

1.) add this code to your css

.div-hidden {
    display: none;
}

2.) Use the a div tag with the short code like this on the same page as the same named checklist (the cookie part is optional).

<div class="div-hidden">[frontend-checklist name="name-of-your-list" cookie="off"]</div>

Hope this helps someone else out in the meantime.

Peace!

Is it still possible to get the plugin with the unofficial progress bar?
I’m not finding a way to get it.
Thank you so much!

Sure bottegapazza. The download link is still valid:

https://www.j-breuer.de/temp/frontend-checklist-progressbar-v0.2.zip

Happy New Year ??

where do you put the code to give the progress meter a gradient?

Thanks

Rick

Hi Rick,

the progress bar has the CSS class progressbar-1 or some other number if you have multiple checklists. Just have a look at the source code to find out the exact class. You can then add a gradient to that class using CSS. You can also use a creator like https://www.colorzilla.com/gradient-editor/

Cheers,
Jonas