Code

Discussion on Zoom Progress Bars - WordPress Plugin

Discussion on Zoom Progress Bars - WordPress Plugin

By
Cart 694 sales

ZoomIt supports this item

Supported

This author's response time can be up to 2 business days.

132 comments found.

Hello,

Updated from 2.03 to 2.06 my progress bars quit showing decimal places even though I have the decimal places setting at 2 on the Animation tab of my custom progress bar. I seem to have traced it down to this code being removed in class-dzsprg.php around line 460:

$lab2= 'decimals';
if (isset($arr'bars') && isset($arr'bars'[$lab2])) {
    $fout.=''.$lab2.'
}

I’m not seeing how else to trigger the decimals with the removal of this option, can you help?

Thanks,

Kevin

Hi Kevin

Send me admin login here – https://zoomthe.me/sendadmin/login-details.php

Input ” https://codecanyon.net/comments/21835056 ” in the Additional Details field

Thanks
Radu

Thank you, I have submitted the information, an example page, and some other details via your support form. Look forward to hearing from you.

Hello

You need to set

decimals=”2”

in the shortcode

Cheers!
Radu

Hello, I am using the thin bars skin (the one that is pink by default) and although I can get a radius to appear in the Progress Bar Builder, I haven’t been able to get it to appear on the website. I don’t need a border, but the border thickness and border color attributes also are not appearing on the site (or Builder). I have tried different approaches, like creating variables out of the attributes, for ex: {{arg7-default5}} but those attributes still don’t appear on the website. I’m also using the shortcode generator, to no avail. Any ideas?

I tried to download and install 2.06, but Wordpress won’t let both 2.05 and 2.06 be installed simultaneously. I imagine I could delete 2.05 first, and that it would successfully install, but I don’t want to lose all of the configuration that I’ve already done on my progress bars and on my site. Is there not a simple “update” option?

Update: Deleting 2.05 and installing 2.06 worked for me. Thanks for fixing this! It looks great.

Hello

The latest update allows cornered borders

Cheers!
Radu

where is the documentation on how to use this plugin? I installed it. The builder is working but the documentation button on the settings just goes to blank page. Nothing at all. There’s no clear direction on how to use this. thanks.

OK, so I battled with the absence of any documentation and eventually managed to build a sample progress bar with this very flaky builder. Now I want to remove a repeater element from the progress bar that I have built, but there is no way to do this that I can find—there is no Remove Item link for the repeater in the builder. I do not want to have to build this progress bar skin from scratch again, just to remove one element! Please help.

Hi

There should be a delete button at the bottom of the layer

If that does not work, send me admin login here – https://zoomthe.me/sendadmin/login-details.php I’ll have a look

Input ” https://codecanyon.net/comments/21055512 ” in the Additional Details field

Thanks
Radu

Hi! This looks like a fantastic plugin. I am using WordPress with Oxygen Builder (it’s a newer builder than Beaver Builder, etc.). I think this will be fine as Oxygen can work with any theme any builder. But can I try it first to see if it will work or is there a 14 or 30 day money back? I’ve purchased too many plugins that don’t work sometimes. I just want to be sure. Thanks!

Hello

Yes, we will refund if not ok, but keep in mind there no native support for this builder

You will have to manually paste the shortcode or build the shortcode in settings and paste in a text block of your builder

Cheers!
Radu

Ok, thank you! I’m ok with building a shortcode in settings and pasting. thanks!

Hi, Is it possible to use a shortcode to set the progress percentage? For example, I need a progress bar that shows the number of entries for a Gravity Form, so the total would need to be [gravitywp_count formid=’46’]. I’d like to test the builder, but the link on your preview site isn’t working. Thanks Ian

Hello Ian

You can set progress percentage in each shortcode

Cheers!
Radu

Hi, if I add any customisation, it produces an error. For example, adding in the thousand_separate_character

produces a SyntaxError: Unexpected string literal “decimals”. Expected ‘}’ to end an object literal

Any ideas?

Does it still happen with new update ?

Hi, after installation, (activated successfully) I get a php error when I click on the Builder button…

PHP Warning: strpos() expects parameter 1 to be string, array given in E:\Domains\domain\wwwroot\wp-content\plugins\dzs-progressbars\class-dzsprg.php on line 536

I’m running PHP 7.0.14 And wordpress 4.9.7

Any ideas?

Thanks

Hi, this sorted itself when I downgraded to php 5 – it does not seem to like php 7

Hello

We’ll update

Cheers!
Radu

Does ZoomIt work with the Divi theme layout system? How can I use it in a Divi Theme?

Thanks

Hello, i’m considering purchasing this, but would like to know if it works with Divi themes and also if you can add numbers / amounts with comers etc and it calculates a percentage, ie paid 245,485,00 of 345,000,00.

Thanks

Hello

Yes, the percentage is calculated automatically if you input the numbers

Either the number or the percentage can be calculated

Cheers!
Radu

Thanks Radu

Hello,

I’m working in the plugin right now, and I wanted to know if the plugin allows me to put in commas for larger numbers (ex. 100,000)? If so, how do I get them in there?

Thanks, Kyle

Hey Radu,

That does not seem to be working… All it does is breaks the plugin and causes it to stop showing the numbers. The numbers flash for a second and then do not show.

https://vooshaco.com/comma-test-zoom-progress/ That is a link so you can see what is happening upon load. I copy and pasted the shortcode from above into the page just to test.

Thanks, Kyle

Send me admin via https://zoomthe.me/sendadmin/login-details.php?sendftp=off

Input https://codecanyon.net/comments/20090837 in Additional Details

I will have a look

Cheers!
Radu

Hi Radu,

Anyway to make the animation on counter circle loop/infinite?

Thanks in advance.

Hey

Not at the moment

Only on custom work

Cheers!
Radu

What is your fee for custom work?

40US$ / hour

I have an issue with the fonts, I added three circle bars, now everything is fine except of the font. So I inserted this code:

<style> .dzs-progress-bar{ font-family: “Montserrat”, sans-sarif; font-weight: 300; } </style>

in the settings. However, only google chrome is changing the font, for the firefox, opera etc. it is still times new roman. How can I change that?

Hello

Do you have the Monserat font embedded ?

<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

Cheers!
Radu

Hey Radu, The font is actually, the font of the whole website. So I assume it is embeded. however I also added this code into the <head> to test it <link href=”https://fonts.googleapis.com/css?family=Montserrat” rel=”stylesheet”> still it only shows times new roman and open sans (sorry the info above that in chrome its working was wrong it just displays open sans).

Update to 2.05

I removed open sans default font

Cheers!
Radu

HI There, How can I manage it that my circle graph has a centered title above the circle. (I cannot add the title manually outside the plugin, since the circle is aligned left and if I center the title in my backend above the progress circle shortcode it wont be exact).

solved :)

How do I rotate a progress circle around?

I want the start to be at the ‘7 o’clock’ and end to be around the ‘5 o’clock’ position.

Hello

That would be about 66% progress

You would also need to rotate the circle

Go to the editor, in extra attributes add

 data-rotate="60"

Then in progress bars > settings, in Extra CSS add

*[data-rotate="60"]{
transform: rotate(60deg) ;
}

Cheers!
Radu

Thank you so much for the latest tutorials on YT. For others who may need a bit of help, worth the watch. This is one of them https://www.youtube.com/watch?v=TPf0-LclSUs Makes everything way more clear ;)

Yes, completely overlooked that option. Works great. Another question, having a very hard time center-positioning circular progress bars in columns. Adjusting manually in settings? Even thought it’s set to 0 for all margins, still aligns left? Thanks

You mean html columns ?

If so, margin left and margin right need to be set to auto

Cheers!
Radu

Roger that, thanks.

Hello, nice plugin. Do you know if it is compatible with Eduma theme? Thank you very much!

Hello

It’s compatible with any themeforest theme or up to date theme

Cheers!
Radu

Hey there,

I know that customization services are not included in your support but I have a question. I have been trying to figure it out by myself now the whole day and I am right about to jump out of the windows, because I cant solve this problem… :’D

I want to display 3 horizontal bars with different percent numbers among themselves. And left to those bars I want to display a circle with an individual percent number. I cant manage to put this circle left to the bars. It should have the same height as the 3 bars. I tried with div’s and css but I cant make it… Could you maybe help me please?

Best regards Tim

Hello Tim

You can use Text editor of wordpress

<div style="width: 50%; float: left">[dzsprogressbar skin="prev1" arg1_perc="100" arg2_maxnr="100" arg4='#ff0000' arg4='#ff0000'][/dzsprogressbar]</div>
<div style="width: 50%; float: left">[dzsprogressbar skin="prev2" arg1_perc="60" arg2_maxnr="100" arg5='9' arg5='9' arg4='#FF70c4' arg6='5000'][/dzsprogressbar]
[dzsprogressbar skin="prev2" arg1_perc="70" arg2_maxnr="100" arg5='9' arg5='9' arg4='#FF70c4' arg6='5000'][/dzsprogressbar]
[dzsprogressbar skin="prev2" arg1_perc="80" arg2_maxnr="100" arg5='9' arg5='9' arg4='#FF70c4' arg6='5000'][/dzsprogressbar]
</div>
<div style="clear:both;"> </div>

Cheers!
Radu

Hi Radu,

thanks for the fast reply! I have one last question: how can I manage to make the height of the circle the same as the height for the 3 bars? From the code you sent me the height of the circle is bigger than the height of the bars. But I want these 2 “colomns” to have the same height. Just cant figure it out… I am sorry to bother you again!

Best Regards Tim

Hey Tim

Just find a width that corresponds to the height of the bars ( the circle has height = width )

<div style="width: 50%; float: left; max-width: 199px;margin-right: 30px;">[dzsprogressbar skin="prev1" arg1_perc="100" arg2_maxnr="100" arg4='#ff0000' arg4='#ff0000'][/dzsprogressbar]</div>
<div style="width: 50%; float: left">[dzsprogressbar skin="prev2" arg1_perc="60" arg2_maxnr="100" arg5='9' arg5='9' arg4='#FF70c4' arg6='5000'][/dzsprogressbar]
[dzsprogressbar skin="prev2" arg1_perc="70" arg2_maxnr="100" arg5='9' arg5='9' arg4='#FF70c4' arg6='5000'][/dzsprogressbar]
[dzsprogressbar skin="prev2" arg1_perc="80" arg2_maxnr="100" arg5='9' arg5='9' arg4='#FF70c4' arg6='5000'][/dzsprogressbar]
</div>
<div style="clear:both;"> </div>

Cheers!
Radu

Hi, I just purchased your plugin but when I upload it to my wordpress I get “not a valid plugin”. Any idea why I get this error message ? Thanks, Bruno

Hey Bruno

This is not the plugin you purchased

Please check again

Cheers!
Radu

Hi. Does your progress bar have the option of looping? I need a basic number counter bar to progress from left to right over 15 seconds…and then I want it to start over again at 0. Does your plugin do this?

Yes, but might need some code on the page. I can send it to you after purchase

Cheers!
Radu

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey