Round slider (also can call as Circular slider, Radial slider) is a jQuery plugin that allows the user to select a value or range of values. Not only a round slider, it supports the quarter, half and pie circle shapes also. https://roundsliderui.com/
Questions tagged [round-slider]
38 questions
7
votes
3 answers
How to create a curved slider?
i'm trying to create a curved slider with jquery like this:
with no success.
can anyone point be to the right direction?
Thanks allot
Avi
אVי
- 1,913
- 6
- 22
- 35
3
votes
3 answers
Append elements on value
I'm using roundSlider for radial slider. Which gives me value on slide.
on slide I'm appeding span elements.
So what I want exactly is span should as per plates number. If there are 22 plates so span should be only 22 and if plates are 10 then span…
Ganesh Yadav
- 2,607
- 2
- 29
- 52
3
votes
1 answer
How to insert touch events into html5 circular slider?
The code works perfectly using mouse events but when switch to touch event or vmouse event, it stopped working.
Here's the link for the mouse event code [https://jsfiddle.net/tk2zd47e/2/ ]
I've tried vmousemove/vmouseup/vmousedown,…
Stephen
- 79
- 9
2
votes
2 answers
jQuery circular slider?
I have this slider on my website. I want to move the slider to 360 degrees. How can I change the following script to do so?
$(document).ready(function() {
/*Slider */
$('.slider-input').each(function() {
var currVal = $(this).val();
…
Carsten
- 31
- 1
- 2
2
votes
3 answers
How to add some text labels to roundSlider
Below, is the html script that I have for the roundSlider widget, I was trying to add some label text into this widget but couldn't figure it out. Since I will need multiple widgets of those for my project, I will have to give each one a different…
user11860088
1
vote
1 answer
change round slider color depending on value
I am trying to let the range color change from green to red when people move the slider from 100 to 0. I use JS Round slider (https://roundsliderui.com/document.html).
MRE is here: https://codepen.io/chapkovski/pen/gORmrbR
But it looks like…
Philipp Chapkovski
- 1,949
- 3
- 22
- 43
1
vote
2 answers
How to store the value of circular slider in a variable and display it in console?
I have written code for round slider which is mentioned below. I am unable to figure out how to store the value of the slider in a variable and display it in the console using javascript.
I want to store the value of the tooltip in a variable and…
Manvitha
- 11
- 1
1
vote
2 answers
How to fill the background color inside of the circular range slider?And also how to increase the font size of the tooltip?
This is my code:
HTML:
CSS:
body{
background: black;}[enter image description here][1]