Skip to content
Submitted about 2 years ago

Interactive pricing component

Olabisi G. Adekoya•70
@labisigloria
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive pricing component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

i had difficulties on how to change the color of the input range according to the movement of the range, i know my javascript is not yet good enough, i'll appreciate views on a more better way i should have gone about the javascript of the project. Thanks

Community feedback

  • Josh•560
    @jkellermanPosted about 2 years ago

    You could try accessing the range's style & width e.g range.style.width and then set the width of the range equal to the % of the range you want filled. Hope that makes sense.

    0
    Olabisi G. Adekoya•70
    @labisigloriaPosted about 2 years ago

    @jkellerman hmm, okay i'll try that out, thanks.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord