html5 range slider and progress percent bar help

  • Tila: Closed
  • Palkinto: £7
  • Vastaanotetut työt: 2
  • Voittaja: Jorgen888

Kilpailun tehtävänanto

I would like a simple working example of a html page. Even a jsfiddle link is ok. The page should have 3 range sliders on it, and 3 progress bars. Using jquery or javascript the ranges A, B and C (0-100) should control the precent/progress bars also values between 0 and 100.
There should never be more (or less ) than 200 in A+B+C, and on change envents are required to adjust such that if rangeA is raised or lowered the other ranges / progress bars are updated accordingly. The idea being having a fixed amount of 200 always distributed in the ranges.

The three ranges we can call rangeA, rangeB and rangeC.
When range A is lowered range B or C must rise
When range A is raised range B or C must fall
When range B is lowered range A or C must rise
When range B is raised range A or C must fall
When range C is lowered range A or B must rise
When range C is raised range A or B must fall

Suositellut taidot

Työnantajan palaute

“Great work! This guy knows his code! Will hire again!”

Profiilikuva musicmechs, Canada.

Kilpailun parhaat työt

Näytä lisää töitä

Julkinen selvennystaulu

  • Jorgen888
    Jorgen888
    • 2 vuotta sitten

    #increaseprize

    • 2 vuotta sitten
  • musicmechs
    Kilpailun järjestäjä
    • 2 vuotta sitten

    again to be clear the range initial states should be totaling 200 and the total must always be 200

    • 2 vuotta sitten
  • huykon225
    huykon225
    • 2 vuotta sitten

    #increaseprize

    • 2 vuotta sitten
  • musicmechs
    Kilpailun järjestäjä
    • 2 vuotta sitten

    To be clear the total in any range must be 0-100 while the total of all ranges and must stay at 200

    • 2 vuotta sitten

Kuinka päästä alkuun kilpailuiden kanssa

  • Ilmoita kilpailusi

    Ilmoita kilpailusi Nopeaa ja helppoa

  • Saat valtavasti töitä

    Vastaanota tonnikaupalla osallistumisia Ympäri maailmaa

  • Myönnä palkinto parhaalle työlle

    Myönnä palkinto parhaalle työlle Lataa tiedostot - Helppoa!

Ilmoita kilpailu nyt tai liity tänään!