Streaming live at 10am (PST)

Can you create a range slider with Webflow



I am looking to create some kind of interaction that would be a range sliding scale. My creation would be some kind of toggle switch type button that could be dragged and when dragged it would present an amount and a percentage that would increase as the switch is dragged.

Here are some examples;

If anyone has a general idea of how this can be created the help would be awesome !



Here is my public share link: LINK
(how to access public share link)


I dont think its possible with only native elements that come with webflow.
You need to rely on integrating external scripts like that jqueryui element above ...



Thanks for replying. Can we upload the JQuery core libraries into Webflow and then utilize JQuery UI features ?

I am trying to learn code and I am not certain if I can relay it over to Webflow to speed up development processes or I must use a code editor to accomplish certain JQuery featuers.

Thanks again.



Hi @JibbyFlow ,

@SidneyOttelohe implemented something like this (go to step 4)

It's worth asking him for some tips.

All the best,


I prefer to use Ion.RangeSlider instead, it's more customizable than jQueryUI's.

To use external scripts, you have to link directly to a CDN hosted version using script tags.


Thanks.. I really like the Ion Den range slider. I just need to figure out how to make it work. Seems like alot more code skills are required than I currently have. Any Advice ?


Yes, it definitely will be quite a lot of work. I have a demo here

closed #8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.