wijprogressbar Step 2 of 3: Initializing the Widget

In the previous step, you added markup to add <div> elements where the vertical and horizontal progress bars will appear. Now you can add the jQuery script to initialize the widget.

After the closing </div> tags you added in the previous step, enter the following jQuery script to initialize the wijprogressbar widget:

<script id="scriptInit" type="text/javascript">
        $(document).ready(function () {
            $("#hProBar").wijprogressbar({ value: 75, animationOptions: {
                duration: 1000
            }
            });
            $("#vProBar").wijprogressbar({ value: 75, fillDirection: "north" });
        });   
    </script>

Documentation Feedback | Product Support Forum