1.5.5 Load Progress Bar Like Youtube

Load Progress Bar Like Youtube

  1. whome

    whome Well-Known Member NS Member

    177
    364
    63
    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.

     
Loading...
  • megaster

    megaster New Member NS Member

    10
    0
    1
  • dannyjadiel

    dannyjadiel New Member NS Member

    8
    0
    1
  • Dataloss

    Dataloss New Member NS Member

    11
    0
    1
    This doesn't work anymore?
     
  • D7VS

    D7VS New Member NS Member

    4
    0
    1
    good job thanks for sharing!
     
  • ikkuh007

    ikkuh007 New Member NS Member

    10
    0
    1
    Good job mate, thanks!
     
  • Petoux

    Petoux New Member NS Member

    9
    0
    1
  • MrMonkeyPants344

    MrMonkeyPants344 New Member NS Member

    10
    0
    1
  • Blasteh

    Blasteh New Member NS Member

    11
    1
    1
  • Share This Page