forum

Home / DeveloperSection / Forums / How to use jQuery - Progressbar.js in webform

Ask Question

How to use jQuery - Progressbar.js in webform

Anonymous User 1497 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

Anonymous User

Follow
I am a content writter !

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>

answer 415872001094808

 

Liked By