如何在 Odoo 17 中创建进度条

Odoo 提供各种字段小部件，例如单选按钮、浮点数、百分比、颜色选择器、复选框、状态栏和 URL。通过使用不同的渲染模板，我们可以使用小部件修改视图。它还帮助我们根据自己的需求进行设计，从而简化、加速、扩展和提高开发效率。在本博客中，我们将讨论如何在 Odoo 17 中创建进度条。

我们将创建一个名为“progress_bar_widget.xml”的 XML 文件，其中定义了一个名为“ProgressBarWidget”的新模板。进度数字和进度条内部是两个类。类 'progress-bar-inner' 定义进度条的样式，而类 'progress_number' 显示进度百分比。我设置了进度条的背景色和高度。此外，所有控制这些样式参数的权限都归您所有。

XML

<?xml version="1.0" encoding="utf-8"?>
<templates id="template" xml:space="preserve">
  <t t-name="ProgressBarWidget" owl="1">
    <div t-ref="ProgressBarWidget-root">
      <div class="progress_bar">
        <div class="pro-bar">
          <span class="progress-bar-inner"/>
          <span class="progress_number"/>
        </div>
      </div>
    </div>
  </t>
</templates>

CSS

.progress_bar .pro-bar {
  background: hsl(0, 0%, 97%);
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
  height: 4px;
  width: