jQuery UI Widgets Forums Editors ProgressBar Progress Bar with width percentage

This topic contains 7 replies, has 2 voices, and was last updated by  Dimitar 5 years, 5 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • Progress Bar with width percentage #50173

    Ridbark
    Participant

    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

    • This topic was modified 5 years, 6 months ago by  Ridbark. Reason: Add one line into code tag
    Progress Bar with width percentage #50206

    Dimitar
    Participant

    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/

    Progress Bar with width percentage #50217

    Ridbark
    Participant

    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

    Progress Bar with width percentage #50219

    Dimitar
    Participant

    Hi Ridbark,

    Please share your code with us.

    Best Regards,
    Dimitar

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

    Progress Bar with width percentage #50227

    Ridbark
    Participant

    Hi,

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

    Best regards,
    Ridbark

    • This reply was modified 5 years, 6 months ago by  Ridbark. Reason: Forgot the message between
    Progress Bar with width percentage #50229

    Dimitar
    Participant

    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/

    Progress Bar with width percentage #53232

    Ridbark
    Participant

    Hi Dimitar,

    Did you success to find a solution to my issue?

    Best Regards,
    Ridbark

    Progress Bar with width percentage #53383

    Dimitar
    Participant

    Hi Ridbark,

    Unfortunately, this issue has still not been fixed.

    Best Regards,
    Dimitar

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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.