Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How to use jQuery - Progressbar.js in webform

Anonymous User 1982 20 Jan 2016

I want to use jQuery - Progressbar.js in web application how to do this please help me.

Ask by Anonymous User

Updated 20 Jan 2016

1 Answers

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>

advertising

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.