This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

chartist to display nice pie...
#47
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. 

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.
Reply


Messages In This Thread
chartist to display nice pie... - by domotiqa - 05.01.2022, 08:56
RE: chartist to display nice pie... - by jmir - 14.02.2022, 11:32
RE: chartist to display nice pie... - by jmir - 14.02.2022, 13:34
RE: chartist to display nice pie... - by jmir - 15.02.2022, 11:15
RE: chartist to display nice pie... - by Acla - 12.06.2023, 05:05
RE: chartist to display nice pie... - by JRP - 08.09.2022, 16:18
RE: chartist to display nice pie... - by Acla - 12.06.2023, 15:44
RE: chartist to display nice pie... - by jmir - 25.03.2024, 14:49
RE: chartist to display nice pie... - by stianj - 03.11.2025, 14:49

Forum Jump: