popover slider value

[sjfp]

On a vis have a load of buttons that when pressed brings up popover slider in the same position of the vis for all buttons.
Using the following CSS Code:

.popover.control.control-slider.control-slider-h.slider-h.show {
  background-color: #888888 !important;
  transform: scale(.9) !important;
top: 700px !important;
left:290px !important;
  width:345px;
}

How can I add the progress value to the popover control, need it to be there all the time, would also be nice to put the %value  to the right side of the control. Also wan tot remove the Left and right hand side buttons, so its just the slider.

Thanks for any input

[admin]

Use this to hide min/max buttons. Permanently displaying the value won't work. The tooltip is only updated when dragging the slider but not when the value is changed externally.

Code:

.popover.control.control-slider.control-slider-h.slider-h.show .slider-min,
.popover.control.control-slider.control-slider-h.slider-h.show .slider-max {
  display: none;
}

.popover.control.control-slider.control-slider-h.slider-h.show .slider {
  width: 302px;
}

[sjfp]

Use this to hide min/max buttons. Permanently displaying the value won't work. The tooltip is only updated when dragging the slider but not when the value is changed externally.

Code:

.popover.control.control-slider.control-slider-h.slider-h.show .slider-min,
.popover.control.control-slider.control-slider-h.slider-h.show .slider-max {
  display: none;
}

.popover.control.control-slider.control-slider-h.slider-h.show .slider {
  width: 302px;
}

Many thanks.
But still cant see the associated value  whilst dragging the slider. I understand that cant be seen permanently as you explained. But would still like to see when dragging the slider.

[admin]

The value is only displayed in "show control" mode. A possible solution for this is to use widgets where slider is placed in show control mode.