Bonjour @michel76
Je me suis inspiré du post indiqué par @Salvialf pour faire le widget suivant :
{
"id": "",
"name": "progessBar",
"type": "info",
"subtype": "numeric",
"template": "tmplmultistate",
"display": {
"icon": ""
},
"replace": {
"#_time_widget_#": "0",
"#_desktop_width_#": "#width#",
"#_mobile_width_#": "#width#"
},
"test": [{
"operation": "#value# < 7",
"state_light": "<div class='progress' style='width: 80px;border-radius: 5px;'><div class='progress-bar progress-bar-danger role='progressbar' style='min-width:30%;width: #value#%' aria-valuenow='#value#' aria-valuemin='0' aria-valuemax='100'>#value# %</div></div>",
"state_dark": "<div class='progress' style='width: 80px;border-radius: 5px;'><div class='progress-bar progress-bar-danger role='progressbar' style='min-width:30%;width: #value#%' aria-valuenow='#value#' aria-valuemin='0' aria-valuemax='100'>#value# %</div></div>"
}, {
"operation": "#value# >= 7 && #value# < 20",
"state_light": "<div class='progress' style='width: 80px;border-radius: 5px;'><div class='progress-bar progress-bar-warning role='progressbar' style='min-width:30%;width: #value#%' aria-valuenow='#value#' aria-valuemin='0' aria-valuemax='100'>#value# %</div></div>",
"state_dark": "<div class='progress' style='width: 80px;border-radius: 5px;'><div class='progress-bar progress-bar-warning role='progressbar' style='min-width:30%;width: #value#%' aria-valuenow='#value#' aria-valuemin='0' aria-valuemax='100'>#value# %</div></div>"
}, {
"operation": "#value# >= 20 && #value# < 75",
"state_light": "<div class='progress' style='width: 80px;border-radius: 5px;'><div class='progress-bar role='progressbar' style='min-width:30%;width: #value#%' aria-valuenow='#value#' aria-valuemin='0' aria-valuemax='100'>#value# %</div></div>",
"state_dark": "<div class='progress' style='width: 80px;border-radius: 5px;'><div class='progress-bar role='progressbar' style='min-width:30%;width: #value#%' aria-valuenow='#value#' aria-valuemin='0' aria-valuemax='100'>#value# %</div></div>"
}, {
"operation": "#value# >= 75",
"state_light": "<div class='progress' style='width: 80px;border-radius: 5px;'><div class='progress-bar progress-bar-success role='progressbar' style='min-width:30%;width: #value#%' aria-valuenow='#value#' aria-valuemin='0' aria-valuemax='100'>#value# %</div></div>",
"state_dark": "<div class='progress' style='width: 80px;border-radius: 5px;'><div class='progress-bar progress-bar-success role='progressbar' style='min-width:30%;width: #value#%' aria-valuenow='#value#' aria-valuemin='0' aria-valuemax='100'>#value# %</div></div>"
}
],
"jeedomCoreVersion": "4.0.31"
}