wijmo progressbar

wijmo progressbar

by jmucci

HTML

<!--jQuery References-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js" type="text/javascript"></script>
  
<!--Theme-->
<link href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" title="rocket-jqueryui" />
  
<!--Wijmo Widgets CSS-->
<link href="http://cdn.wijmo.com/jquery.wijmo-complete.all.2.3.2.min.css" rel="stylesheet" type="text/css" />
  
<!--Wijmo Widgets JavaScript-->
<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.2.3.2.min.js" type="text/javascript"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-complete.all.2.3.2.min.js" type="text/javascript"></script>


<div id="progressbar" style="width:300px;height:25px"></div></div>

    
    <script type="text/javascript">
    $(document).ready(function () {
       $("#progressbar").wijprogressbar({ 
    value: 50, 
    fillDirection: "east",     
    animationOptions: {
        duration: 100
        },
    indicatorImage: "http://cdn.wijmo.com/themes/rocket/images/ui-bg_diagonals-thick_50_00a6dd_40x40.png"
    });
    });
</script>