Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #28245


    I’ve added the <div> for the Progress Bars on this page: to the Layer Slider on this page:

    I followed the outline here:

    My progress bars do not show at all, just the text of the progress bars.

    Can anyone suggest what I’m doing wrong? Thanks in advance.



    You forgot to enclose them on a unique div like this:

    <div class="layerslider-progressbar"></div>

    Place the progress bar html code inside the div then add this on your custom.css:

    .layerslider-progressbar {
    width: 600px;
    height: 50px;

    Like what I said on the other thread, we specify the width of the layerslider-progressbar div because the progress bar needs to inherit the size the parent element.




    You know, I did that first too. I actually copied the sample HTML and the CSS.

    I’ve added the class and the CSS, but still no progress bars!

    Sorry if I’m being simple:)


    Oops, I was adding the CSS in the layer and not the Quick CSS in Styling. Apologies.

    Works perfectly now. Thank you very much.

    Now, just to work out how to remove the white background from the progress bars:)



    Glad it is working now. Please add this on your custom.css or Quick CSS:

    .main_color .progress {
    background-color: transparent;
    box-shadow: none;



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

The topic ‘Embed Progress Bars to Advanced Layer Slider’ is closed to new replies.