chartist to display nice pie...

[admin]

@stianj, you need to listen to widget-ready and widget-hide events and only then execute localbus.listen / localbus.unlisten.

Or you can use slider in read-only mode without the handle to display a progress bar. Set Additional classes to slider-progress. You can adjust active / inactive color as needed.

Code:

.slider-progress {
  pointer-events: none;
}
.slider-progress .slider-handle {
  display: none;
}
.slider-progress .slider-track {
  background-color: var(--widget-inactive-color, var(--visu-widget-inactive-color));
}
.slider-progress .slider-track div {
  opacity: 1;
  background-color: var(--widget-active-color, var(--visu-widget-active-color));
}

---

@domotiqa, as mentioned before any Custom JS and CSS from old visu won't work with new Visu.