Okay
  Public Ticket #1067091
How to get the thin progress bars
Closed

Comments

  • Christian started the conversation
    February 18, 2017 at 3:54pm

    Hey, I was just wondering how I can get the new thinner progress bars? I couldn't find a new shortcode or any option to change the old ones to the new look...

  •  1,974
    Support replied
    February 19, 2017 at 3:38am

    Hello Christian,

    With the following html code:

    <div class="one_half">

            
                    <ul class="progress-bar"> 
                        <li>
                            <p>Development</p>
                            <div class="bar-wrap"><span data-width="100"><strong><i>100</i>%</strong> </span></div>
                        </li> 
                        <li>
                            <p>Brainding</p>
                            <div class="bar-wrap"><span data-width="75"><strong><i>75</i>%</strong> </span></div>
                        </li>
                        <li>
                            <p>User Experience</p>
                            <div class="bar-wrap"><span data-width="85"><strong><i>85</i>%</strong> </span></div>
                        </li> 
                    </ul>
                    
                </div>
                
                
                
                <div class="one_half last">
                
                    <ul class="progress-bar"> 
                        <li>
                            <p>Development</p>
                            <div class="bar-wrap"><span data-width="90"><strong><i>90</i>%</strong> </span></div>
                        </li> 
                        <li>
                            <p>Brainding</p>
                            <div class="bar-wrap"><span data-width="75"><strong><i>75</i>%</strong> </span></div>
                        </li>
                        <li>
                            <p>User Experience</p>
                            <div class="bar-wrap"><span data-width="85"><strong><i>85</i>%</strong> </span></div>
                        </li> 
                    </ul>
                    
                </div>

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy