CODEWITHSUNDEEP
jqueryjquery-uiprogress-barloading
017Bluefield
017Bluefield

Reputation: 161

jQuery UI: how to apply the Progressbar to a webpage?

How would you apply the jQuery UI Progressbar to a website's loading progress (during the initial loading)?

Any help with this would be greatly appreciated. :)

Upvotes: 0

Views: 131

Answers (1)

Vivek Pratap Singh
Vivek Pratap Singh

Reputation: 9974

You can use Pace.js Javascript Library for progress bar. you could write code like this at the very top level of your code:

<link href='pace.css' rel="stylesheet">
<script type="text/javascript">
    paceOptions = {
        ajax: false,
        document: true,
        eventLag: false,
        elements: {
            selectors: ['body']
        }
    };
</script>
<script type="text/javascript" src="pace.min.js"></script>

Upvotes: 1

Related Questions