forum

home / developersection / forums / how to use jquery - progressbar.js in webform

Ask Question

How to use jQuery - Progressbar.js in webform

Anonymous User 1751 20-Jan-2016
I want to use  jQuery - Progressbar.js in web application how to do this please help me.
jquery jquery 
Updated on 20-Jan-2016
Anonymous User

Other

I am a content writter !

Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

20-Jan-2016

when we want to view user profile complete  status in percentage overview. that time we can use  jQuery - Progressbar.js

for interactive layout . here we try to a amall sample.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome = 1">
    <meta name="viewport" content="width = device-width, 
         initial-scale = 1">
    <link href="http://www.jqueryscript.net/css/jquerysctipttop.css"
        rel="stylesheet" type="text/css">
    <link href="Content/jQuery-plugin-progressbar.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="Scripts/jQuery-plugin-progressbar.js"></script>
</head>
<body> 
        
    <div id="progress" class="progress-bar position" data-percent="50"
        data-color="#a456b1,#12b321">
    </div>
    
    <input type="submit" value="Show Profile Status"/>
    <script>         
       
        $(".progress-bar").loading();
        $('input').on('click', function () {
            $(".progress-bar").loading();
        });
    </script>
</body>
</html>

How to use jQuery - Progressbar.js in webform

 

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy