+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/progress_bar_widget/static/src/css/progress_bar_widget.css b/progress_bar_widget/static/src/css/progress_bar_widget.css
new file mode 100644
index 000000000..c175c8058
--- /dev/null
+++ b/progress_bar_widget/static/src/css/progress_bar_widget.css
@@ -0,0 +1,53 @@
+.progress_bar .pro-bar {
+ background: hsl(0, 0%, 97%);
+ box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
+ height: 4px;
+ width: 200px;
+ margin-bottom: 15px;
+ margin-top: 10px;
+ position: relative;
+}
+.progress_bar .progress_bar_title{
+ color: hsl(218, 4%, 50%);
+ font-size: 15px;
+ font-weight: 300;
+ position: relative;
+ top: -28px;
+ z-index: 1;
+}
+.progress_bar .progress_number {
+ float: right;
+ margin-top: -6px;
+ margin-right: -50px;
+}
+.progress_bar .progress-bar-inner {
+ background-color: green;
+ display: block;
+ width: 0;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ transition: width 1s linear 0s;
+}
+.progress_bar .progress-bar-inner:before {
+ content: "";
+ background-color: hsl(0, 0%, 100%);
+ border-radius: 50%;
+ width: 4px;
+ height: 4px;
+ position: absolute;
+ right: 1px;
+ top: 0;
+ z-index: 1;
+}
+.progress_bar .progress-bar-inner:after {
+ content: "";
+ width: 14px;
+ height: 14px;
+ background-color: inherit;
+ border-radius: 50%;
+ position: absolute;
+ right: -4px;
+ top: -5px;
+}
\ No newline at end of file
diff --git a/progress_bar_widget/static/src/js/progress_bar_widget.js b/progress_bar_widget/static/src/js/progress_bar_widget.js
new file mode 100644
index 000000000..861ff316b
--- /dev/null
+++ b/progress_bar_widget/static/src/js/progress_bar_widget.js
@@ -0,0 +1,22 @@
+/** @odoo-module **/
+import AbstractField from 'web.AbstractField';
+import fieldRegistry from 'web.field_registry';
+
+var ProgressBarWidget = AbstractField.extend({
+ template: "ProgressBarWidget",
+
+ _render: function() {
+ var value = this.value;
+ var max_value = 100;
+ value = value || 0;
+ var widthComplete;
+ if (value <= max_value){
+ widthComplete = parseInt(value/max_value * 100);
+ }else{
+ widthComplete = 100;
+ }
+ this.$('.progress_number').text(widthComplete.toString() + '%');
+ this.$('.progress-bar-inner').css('width', widthComplete + '%');
+ },
+})
+fieldRegistry.add('progress_bar_widget', ProgressBarWidget);
\ No newline at end of file
diff --git a/progress_bar_widget/static/src/xml/progress_bar_widget.xml b/progress_bar_widget/static/src/xml/progress_bar_widget.xml
new file mode 100644
index 000000000..0cced2538
--- /dev/null
+++ b/progress_bar_widget/static/src/xml/progress_bar_widget.xml
@@ -0,0 +1,15 @@
+
+
+
+
+ 
+
+ + Progress Bar Widget
++ New progress bar widget for Odoo 15 +
+
+
+
+
+
+
+
+
+
+ + Explore this module +
+
+
+
+
+
+ + Overview +
+
+
+ + This module creates a new widget for the progressbar. + Users can use widget="progress_bar_widget" for applying this widget. + This widgets work with the progress float fields. +
+
+
+
+
+
+ + Features +
+
+
+
+
+ 
+
+
+
+
+ + Widget for the progressbar.
+
+
+
+
+
+
+
+
+
+ + Using widget="progress_bar_widget" for applying widget on a float field.
+
+
+
+
+
+ + Screenshots +
+
+ 
+
+
+ + Add widget="progress_bar_widget" code into a field.
+
+
+ 
+
+ + New Progressbar view
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+ Our Services
++
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+
+
+ Our Industries
++
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+
+
+
+
+ Need Help?
++
+
+
+
+
+
+
+
+
+
+
+
+ WhatsApp
+
+
+
+
+
+ 
+
+
+
+
+
+ +
+ + +
+
+
+