| Widgets > wijprogressbar > wijprogressbar Tutorial > 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>