test progesse

by samuel bechard

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id='jqxWidget'>
    <div id="MAIN_PAGE"></div>
    <div id="buttoncontainer">test click</div>
</div>

JavaScript

$("#MAIN_PAGE").empty();
 $("#MAIN_PAGE").append('<div  id="PANEL_SYNC_PROGRESS_BAR" style="float:left;margin-top: 20px;margin-left:20px;margin-right: 20px" />');
 
 $("#buttoncontainer").jqxButton({   width: 60,height:40 });
 
   $("#buttoncontainer").click(function (event)
    {  
    console.log('click');
    });
    
     $("#PANEL_SYNC_PROGRESS_BAR").jqxProgressBar({ width: 250, height: 30, value:50,template:'success',animationDuration: 0,showText:true});