Progress Bar with width percentage

[RidbarkParticipant]

Hello,

I’m trying to change the old progressbar of jQuery-ui with the more beautiful jqxProgressBar widget on my website. To use it, i put my div with an ID in a td, who has a width equal to 49% of the tr (there are almost no width in hard in my site, because the site has to be dynamic) :

<td width="49%" class="field_progress_progressbar">
    <div id="progressbar" style="min-width: 90px; height: 22px;">
    </div>
 </td>

I create my progress bar like that :

$('#progressbar').jqxProgressBar({width: "100%", value: 0, showText: true});

At this time, all is good, the width of my bar is good!
But when the progress is complete (100%), the width grow up! O_O So i have a part of my bar width in gray (equal to the width before she grows up), and a small part in white because the bar extends herself …

Did you have any idea how to fix this problem? Without use a width in hard (like width: 400px; … because it’s absolutely not an option for me to do that).

Thanks in advance,
Ridabrk

[DimitarParticipant]

Hello Ridabrk,

We confirm the reported issue. Unfortunately, we cannot offer you any solution at the moment. However, it seems the issue occurs only when the progressbar is in a table. Maybe you can change your layout to use divs instead?

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[RidbarkParticipant]

Hello Dimitar,

I just create a Plunk to let you test the bug.
I use the demo provided with jQWidget library and i update her to show you the bug.
You can try and see the bug by put the progressbar at 100%, and clic many times on the button : the second progressbar grow up! And it’s not a problem which occurs only when the progressbar is in a table.

Best regards,
Ridbark

[DimitarParticipant]

Hi Ridbark,

Please share your code with us.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[RidbarkParticipant]

Hi,

I’m sorry, i forgot the Plunker link -_-

Best regards,
Ridbark

[DimitarParticipant]

Hi Ridbark,

Your feedback is appreciated. We will look into the issue as soon as possible.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[RidbarkParticipant]

Hi Dimitar,

Did you success to find a solution to my issue?

Best Regards,
Ridbark

[DimitarParticipant]

Hi Ridbark,

Unfortunately, this issue has still not been fixed.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts