Support » Plugin: Progress Bar & Skill Bar » issue

  • Resolved siggy213


    I installed your free “ProgressBar” into WordPress.
    I picked: DESIGN-1 as the option.

    my issue is that the percent number on the top bar does NOT show in Chrome.

    if I pick ‘Design #2… it shows properly.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • hi @siggy213 ,

    please follow step here–>

    in wordpress dahboard please go to plugin > plugin Editor > go to Select plugin to edit and select Progress Bar WP now and select it > now go to template > design > design1 > go to mystyle.php and remove margin-top: -30px; on line no.29.


    in that file: mystyle.php…

    on line #29 is: “position: relative;”
    (there is no: -30px).

    that whole section is:
    #wpsm_progress_b_row_<?php echo $postId; ?> .wpsm_progress .wpsm_progress-pro-bar {
    background: <?php echo $slider_bg_clr; ?>;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
    margin-bottom: 20px;
    margin-top: 25px;
    position: relative;
    question: why does FIREFOX work and CHROME does not..??

    on line #57 of that same file is the line: “margin-top: -30px”.

    it is in the section:

    #wpsm_progress_b_row_<?php echo $postId; ?> .wpsm_progress .wpsm_progress-value{
    float: right;
    margin-top: -30px;
    font-size: <?php echo $progress_title_font_size; ?>px;
    font-weight: <?php echo $progress_title_font_weight; ?>;
    color: <?php echo $slider_op_clr; ?>;
    font-style: normal;

    hi @siggy213 ,

    as i am seeing its working now..we will update this in our next version.


    yes – I removed that “margin-top: -30px;” line….

    much thanks – for all your help….

    another ISSSUE with your ‘Progress Bar’…
    it uses Bootstrap v3 as a backend and my theme is using bootstrap v4.
    This is causing some conflicts.
    Will there be an upgrade to your free version to bootstrap v4..??
    Is your PRO version written based on a bootstrap v4 framework..??

    hi @siggy213,

    please tell me where it cause problem..i got another support regarding that same or if not then send me ul..

    I had some videos in my theme that were not being displayed after publishing.
    Since my theme is based on a Bootstrap 4 framework, I understand there is some type of conflict with your bootstrap version 3 plugin.
    If I disable your Progress-Bar plugin.. the videos are displayed properly.
    If I add the following CCS code to my theme, the videos are displayed properly.
    .embed-responsive {
    height: auto;
    padding-bottom: 25%;

    hi @siggy213 ,

    so your issue has been resolved!!or want more help..




    call it RESOLVED…
    although it would be better if your plugin was bootstrap 4 based, nd I did not need to add ‘custom’ css to by theme.



    hi @siggy213 ,

    glad that issue has been resolved..and we will try to work on your concern..


Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.