---
title: "How to use jQuery - Progressbar.js in webform"  
description: "How to use jQuery - Progressbar.js in webform"  
author: "Anonymous User"  
published: 2016-01-20  
updated: 2016-01-20  
canonical: https://www.mindstick.com/forum/33902/how-to-use-jquery-progressbar-js-in-webform  
category: "jquery"  
tags: ["jquery"]  
reading_time: 1 minute  

---

# How to use jQuery - Progressbar.js in webform

I want to use jQuery - Progressbar.js in [web application](https://www.mindstick.com/articles/13069/progressive-web-application-pwas-all-you-need-to-know-about) how to do this please help me.

## Replies

### Reply by Anonymous User

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](https://www.mindstick.com/mindstickforums/279e1af3-ad1f-4576-8b10-04d0fe488f9f/images/77aa5d51-1221-4469-9cfa-13283b0a3eb9.png)


---

Original Source: https://www.mindstick.com/forum/33902/how-to-use-jquery-progressbar-js-in-webform

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
