OdooWiki OCA HUB

Web Widget Progressbar Gradient

web_widget_progressbar_gradient folder_open OCA/web open_in_new
Uncategorised License: AGPL-3

This module allows to display progress bars with colorized gradient bar. The color will increase following value from green passing per yellow and finishing to red.

  • Normal rendering:
  • Reverse rendering:

auto_awesome What this module does

AI-generated from the code · Odoo 16.0

Adds a new progress bar widget that shows a colour gradient from green to red as the value increases. It can also be reversed so the colour scale runs the other way.

This module adds a new field widget called progressbar_gradient that can be used on progress bar fields in Odoo. Instead of a single flat colour, the bar is filled with a gradient that goes from green through yellow to red as the value grows.

  • The widget appears wherever a progress bar field is shown, such as list or form views that use a progress bar.
  • An inverse option is available: when set, the colour scale is reversed, so the gradient runs in the opposite direction.
  • The gradient styling is applied automatically when the field is displayed; no extra configuration is needed beyond choosing the widget.
  • It only changes the visual appearance of progress bars; it does not add menus, models, business rules, checks, or automated actions.
  • It depends on the standard web module and extends the existing progress bar field behaviour.

Depends on

web

Text generated by AI (DeepSeek) from reading the Odoo 16.0 code on GitHub; it may contain mistakes, so check the code before deciding. View the code on GitHub

Availability by version

Reviewed: 2026-11-03
Confirmed (verified in repository and branch) Estimated (unverified) No information

Confirmation status: 1 confirmed, 8 with no information of 9 versions.

terminal Installation and usage

OCA documentation · Odoo 16.0

Usage

Source · Odoo 16.0
  • When declaring a progressbar field, use the 'progressbar_color' widget.
  • Add the inverse option to reverse the colors on the progress bar field: options="{'inverse': true}"

No verified information in OCA: Installation, Configuration.

info

Data imported from GitHub: this sheet reflects the latest catalog review, not a live lookup. Always check the module documentation and staging before installing in production.