Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #167548

    Hi there

    Please can you be kind enough to help me with inserting a progress bar in a layerslider

    saw your exemple on one thread stating to copy the actual html code in a unique div and add a little css in the quick css for the progress bar to inherit the width size, but really, i m justs getting a little square instead of a moving progress bar

    Please help because the persone on that thread has been able to implement it apparently, so i don’t know what I’m doing wrong. Really wanna know how to use the div content because that way i can even insert a code that animate text differently with custom typing effect from a html webpage that i would paste in there… so it will open doors for me! please help


    Hi Steve!

    Do you have the link to this thread?



    try running it on a mobil device on that page, and test the rotate scaling you will see what i mean.



    oops wrong forum… i meant to address that to the layerslider support sorry


    hi there

    I’ve been trying to insert a progress bar in a layerslider as described in this thread, but I’m just getting a text and a square and nothing more, not even a bar to begin with, any Idea? did someone got it working ?



    Did you insert the actual html progress bar html code inside a unique div? On the example, we put the progress bar code inside “<div class=”layerslider-progressbar”></div>” then we specify the width of the div because the progress bar needs to inherit the width of the container.

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

    Best regards,

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

The topic ‘progress bar in a layerslider’ is closed to new replies.