Progressbar

This widget is used to display a progress bar. It can be used in fields of type integer and float.

Simple example

<field name="progress" widget="progressbar" />

50%

And when is 100%

Interactive example

v2.40.0

We can use the autorefresh attribute to update the progress bar automatically.

<field name="progress" widget="progressbar" autorefresh="1" />

We also can decide when the autorefesh is running.

<form>
    <field name="progress" widget="progressbar"
        attrs="{'autorefresh':[('state','=','running')]}" />
    <field name="state" />
</form>

Tip

If you use dynamic attributes to set the autorefresh attribute, probably is a good idea to add autorefresh attribute to all the fields affecting the condition. If not it only will be updated when refreshing the form.

See the Feedback to user guide for more information and how to proceed in the server side.