Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 28, 2013 at 2:16 pm #167548
    stevemulisa

    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

    September 28, 2013 at 5:39 pm #167585
    Josue

    Hi Steve!

    Do you have the link to this thread?

    Cheers!
    Josue

    September 28, 2013 at 8:41 pm #167622
    stevemulisa

    http://lesalimentskabeya.com/?page_id=1176

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

    thx

    September 28, 2013 at 8:42 pm #167623
    stevemulisa

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

    September 28, 2013 at 9:04 pm #167625
    stevemulisa

    here is the link https://kriesi.at/support/topic/make-content-elements-appear-in-the-layerslider-wp/

    but i can’t get it done

    September 30, 2013 at 2:19 am #167935
    stevemulisa

    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 ?

    September 30, 2013 at 5:27 pm #168212
    Ismael

    Hi!

    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,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘progress bar in a layerslider’ is closed to new replies.