1.5.5 Load Progress Bar Like Youtube

Load Progress Bar Like Youtube

  1. whome

    whome Well-Known Member
    NS Member

    Joined:
    Feb 14, 2016
    Messages:
    205
    Likes Received:
    310
    whome submitted a new resource:

    You don't have permission to view link. Please Register or Login to view this link.

    - Load Progress Bar Like Youtube

    You don't have permission to view link. Please Register or Login to view this link.



    Compatible XF Versions:

    1.1
    1.2
    1.3
    1.4

    This tutorial guides you to do the same Youtube page load

    1: Add the following js before the </ head> in temp PAGE_CONTAINER
    Code:
    <script>
    
    $(function() {
    $("body").append($("<div></div>").attr("id", "progress"));
    $("#progress").width((50 + Math.random() * 30) + "%");
    });
    $(window).load(function() {
    $("#progress").width("101%").delay(300).fadeOut(400);
    });
    </script> 
    ...
    Click to expand...

    You don't have permission to view link. Please Register or Login to view this link.

     
  • megaster

    megaster New Member
    NS Member

    Joined:
    Mar 18, 2016
    Messages:
    10
    Likes Received:
    0
  • dannyjadiel

    dannyjadiel New Member
    NS Member

    Joined:
    Apr 15, 2016
    Messages:
    8
    Likes Received:
    0
  • Dataloss

    Dataloss New Member
    NS Member

    Joined:
    Apr 27, 2016
    Messages:
    11
    Likes Received:
    0
    This doesn't work anymore?
     
  • D7VS

    D7VS New Member
    NS Member

    Joined:
    Apr 10, 2016
    Messages:
    4
    Likes Received:
    0
    good job thanks for sharing!
     
  • ikkuh007

    ikkuh007 New Member
    NS Member

    Joined:
    May 15, 2016
    Messages:
    10
    Likes Received:
    0
    Good job mate, thanks!
     
  • Petoux

    Petoux New Member
    NS Member

    Joined:
    Mar 19, 2016
    Messages:
    9
    Likes Received:
    0
  • MrMonkeyPants344

    MrMonkeyPants344 New Member
    NS Member

    Joined:
    May 14, 2016
    Messages:
    10
    Likes Received:
    0
  • Blasteh

    Blasteh New Member
    NS Member

    Joined:
    Mar 13, 2016
    Messages:
    11
    Likes Received:
    1
  • Share This Page