Hi Chris,

I see the issue, but unfortunately I can’t help you much as it’s outside the scope of support.

It must be an issue either with the font either with

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

Make sure you have included the bold style for the font you are using.

Thanks!

Send me a PM via my profile, I can send you update with this feature on your mail

Thanks!

Hi Marco

This does not work ?

<div class="dzs-progress-bar auto-init" style="width:100%;height:auto;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;" data-animprops="{"animation_time":"2000","maxperc":"76","maxnr":"100","initon":"scroll"}"><div style="position: relative; width: 100%; height: auto; top: 5px; left: 0px; right: auto; bottom: auto; margin: 0px; background-color: transparent; color: rgb(71, 30, 0); border-radius: 0px; border: 0px none; opacity: 1; font-size: 15px;" data-animprops="{}" class="progress-bars-item progress-bars-item--text" data-type="text">HTML5</div><div data-animprops="{}" style="position: relative; width: 100%; height: 9px; top: 0px; left: 0px; right: auto; bottom: auto; margin: 15px 0px 0px; background-color: rgb(214, 217, 219); color: rgb(60, 1, 1); border-radius: 0px; border: 0px none; opacity: 1; font-size: 12px;" class="progress-bars-item progress-bars-item--rect" data-type="rect" /><div style="position: absolute; width: 50px; height: auto; top: 5px; right: auto; bottom: auto; margin: 0px 0px 0px -25px; background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); border-radius: 0px; border: 0px none; font-size: 10px;" data-animprops="{"left":"{{perc}}","opacity":"{{perc100-decimal}}"}" class="progress-bars-item progress-bars-item--text padding5 small-arrow-bot" data-type="text"><div style="text-align: center;" data-mce-style="text-align: center;">{{perc}}</div></div><div data-animprops="{"width":"{{perc}}"}" style="position: absolute; height: 10px; top: auto; left: 0px; right: auto; bottom: 0px; margin: 0px; background-color: #55acee; color: rgb(255, 255, 255); border-radius: 0px; border: 0px none; opacity: 1; font-size: 10px;" class="progress-bars-item progress-bars-item--rect" data-type="rect" /></div>

Also in Progress Bars Settings set Always Embed Scripts? to ON

Hello

This should do it

<div style="float: left; width: 25%; ">
[dzsprogressbar skin="prev3" arg1_perc="100" arg2_maxnr="100"][/dzsprogressbar]
</div>

<div style="float: left; width: 25%; ">
[dzsprogressbar skin="prev3" arg1_perc="100" arg2_maxnr="200"][/dzsprogressbar]
</div>

<div style="float: left; width: 25%; ">
[dzsprogressbar skin="prev3" arg1_perc="100" arg2_maxnr="100"][/dzsprogressbar]
</div>

<div style="float: left; width: 25%; ">
[dzsprogressbar skin="prev3" arg1_perc="100" arg2_maxnr="100"][/dzsprogressbar]
</div>
<div style="clear:both;">
</div>

( in wordpress text editor )

Show me a link I will look if there are any problems

Ok, thanks. I will try things out a little more and get back to you.

Aw ok,

Glad you figured it out

Please comment from the account your puchased from

Thanks!

the account which is used by my client….and he is out of the country…Please help me to fix this out…and give me some idea please..

Can you show me a link ?

Thanks!

I see the icon to start the progress bar dialog box and I get the shortcode and can create a page, I do not see the ability to change and see the changes as in the video as far as font, colors, etc etc.

Yes, those are in WP Dashboard > Zoom Progress Bars > Zoom Progress Bars Builder

You can create unlimited skins

Thanks!

Hello

You can use it with Visual Composer ( page builder ) or without, no problem

Hello

The percent at which the circle will load will be decided when you insert the shortcode via the shortcode generator

Specifically the arg1_perc parameter

[dzsprogressbar skin="prev6" arg1_perc="60" arg2_maxnr="100"]

Hi there,

1. Sorry they can only be straight edges. 2. You can only have whole integers, putting a comma in will cause the progress bar to default to 100.

Regards

Hello Jan,

Please send an email to digitalzoomstudios@gmail.com and we will investigate the issue.

Regards, DZS

Dear all, thank you. I did sent you a reply. Thanks.

Ok, I tried inserting those figures and when I click the “generate” button, nothing happens.

So I tried switching and just generating a random progress bar and… nothing.

Apparently there is a glitch that is forbidding me to insert the progress bar.

Do you have a link that shows tutorials on how you created the demo page. It would be helpful to look at.

Please send your wp-admin address, login and password to digitalzoomstudios@gmail.com and we will diagnose the problem.

Regards,

Digital Zoom Studios

I sent it

Hello

Those are simply columns with progress bars inside

Select the text editor and enter

<div style="float:left; width:33%">[dzsprogressbar skin="prev6" arg1_perc="60" arg2_maxnr="100"][/dzsprogressbar]</div><div style="float:left; width:33%">[dzsprogressbar skin="prev6" arg1_perc="60" arg2_maxnr="100"][/dzsprogressbar]</div><div style="float:left; width:33%">[dzsprogressbar skin="prev6" arg1_perc="60" arg2_maxnr="100"][/dzsprogressbar]</div>
<div style="clear:both; " />

Sorry, you cannot at the moment. They can only be renamed in the database.

Hello

Sure, it can go inside shortcodes. And column shortcodes

You can have 2-3-4-5 per row ( depending on your page builder or shortcodes )

Ok Thanks. Is it also possible to highlight one bar with a different colour? In a bar chart

hello

Yes, you can do it directly in the skin editor ( you would need new skin )

or directly in the post via CSS

Hello

You have set the opacity to animate.. if you set the opacity to 1.. it will be fixed to 100%

Can you show me a link? Thanks

Hello,

Just tried to access your site and I get an Expiration Domain Alert.

Can you please make sure you have provided me the correct link?

Thanks!

Hello: This should be the correct link http://millennialweek.com/1597-2/. Please let me know if the page doesnt work

Hello mwdc,

Please access the wp-admin menu and go to Progress Bars -> Progress Bars Settings -> Extra css and add this:

.progress-bars-item.progress-bars-item--textpadding5.small-arrow-bot {

margin-left: -28px!important;

}

Thanks and please don’t forget to rate us – http://codecanyon.net/downloads – 5/5 stars.

I prefer to have a single element though.

I’ll have to look at the center-alignment myself then. I cannot grant you access to the site I’m afraid.

And thank you for the support btw!

Thank you! Hope you work it out

Hello petbiv,

In the wp-admin, when you access the Progress Bars Builder you will find the Preview Examples where you can see each skin. After that, you can set customize each skin with the Position, Styling and Animation.

We’ll also add a video on creating the Fun Facts Demo.

Thanks!