Simple Jquery Plugin
Friday, 3 July 2015
Jquery Processbar
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Progressbar</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <style> body { background:#333; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; margin: 8px!important; } .ui-progressbar { height: 30px!important; overflow: hidden; text-align: left; } </style> <script> $(function() { $( ".progressbar" ).progressbar({ value: 37 }); }); $(function() { $( ".progressbar2" ).progressbar({ value: 50 }); }); $(function() { $( ".progressbar3" ).progressbar({ value: 40 }); }); </script> </head> <body> <div class="progressbar"></div> <div class="progressbar2"></div> <div class="progressbar3"></div> </body> </html>
No comments:
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment