03.11.2025, 14:49
Thanks, using the slider widget is the right solution here (especially since I wasn't able to get any listen-events working). But this is much cleaner anyway.
But it's minimum width of 200px is a bit too much for me. 150 would be much better ?
And to get back on topic, would still really, really like a way to use Chartist.js or another similar library.
Code:
.slider-progress {
pointer-events: none;
}
.slider-progress .slider-handle {
display: none;
}
.slider-progress .slider-track {
border-radius: 0.4em;
border: solid 1px #242b35;
background: linear-gradient(#191c23, #2d3341);
height: 20px;
}
.slider-progress .slider-track div {
opacity: 1;
border-radius: 0.4em;
background: linear-gradient(#357a38, transparent 85%), linear-gradient(90deg, #357a38, #4caf50)
}But it's minimum width of 200px is a bit too much for me. 150 would be much better ?
And to get back on topic, would still really, really like a way to use Chartist.js or another similar library.