Progress Bar Not Showing Up

  • Resolved purplecustard

    (@purplecustard)


    8 years, 10 months ago

    Hi!

    Awesome plugin, just what I needed!

    Only issue I have is that when I click upload I do not see the progress bar animation / graphic?!

    I am using the Avada theme. I wonder if this is overwriting the CSS?

    Can anyone help?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author ovann86

    (@ovann86)

    8 years, 10 months ago

    Hey,

    I had a look and as far as I can tell they’ve used a bootstrap style progress bar but haven’t setup the CSS in the standard way – resulting in this progress bar not showing.

    It’s a paid theme, I would be getting right onto them about it.

    If I’m right, it’s pretty poor quality work to do this. It will break other progress bars because people assume the standard structure. e.g. https://www.w3schools.com/bootstrap/bootstrap_progressbars.asp

    That being said … you should be able to work around it by adding this css to your theme (e.g. the style.css file in your active theme)

    body div.gform_body div.progress {
    float: none;
    width: initial;
    height: initial;
}
    Thread Starter purplecustard

    (@purplecustard)

    8 years, 10 months ago

    The code above worked well. Thank you!

    I also extended the CSS to add my own styling:

    body div.gform_body div.progress {
    float: none;
    width: initial;
    height: initial;
}

.progress {
    text-align: center;
    background-color: transparent;
    box-shadow: none;
}
.progress-bar {
    overflow: hidden;
    background-color: #42bdcb;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: none;
}
    • This reply was modified 8 years, 10 months ago by purplecustard.
    Plugin Author ovann86

    (@ovann86)

    8 years, 10 months ago

    Great work and thanks for sharing. Someone else might want to use it.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Progress Bar Not Showing Up’ is closed to new replies.