CSS, JS: Creating an interactive progress bar

  • Tila: Closed
  • Palkinto: $50
  • Vastaanotetut työt: 46
  • Voittaja: Iitichondriusii

Kilpailun tehtävänanto

We a software company that creates software for children around 6-12 years
First of all let me say this is just the start, i am starting this contest in the hope of finding a good CSS artist / front end dev, that can create interactive components for me and make existing components more interactive.

The first thing we need is a progress bar that is fun for children to see, when they finish the progress (progress to 100%) they earn a loot box.
We are currently using the bootstrap 3 progress bar component but its very boring.

Some examples of fancy progressbar idea's
[login to view URL]
[login to view URL]
[login to view URL]
[login to view URL]

So in short:
1. Create a progress bar that is attactive vor children around 6-12 years
2. It must be created in HTML/JS/CSS
3. It must be interactive, so able to animate grow the values.
4. Be creative anything goes!

Be be sure this is created in HTML/JS/CSS components make sure to sent me the source file of the project.
A mockup created with Photoshop for example is not useful for this project.

Suositellut taidot

Kilpailun parhaat työt

Näytä lisää töitä

Julkinen selvennystaulu

  • akbanda2
    akbanda2
    • 3 viikkoa sitten

    Please check #56

    • 3 viikkoa sitten
  • mdsobuzchandar52
    mdsobuzchandar52
    • 3 viikkoa sitten

    check #49

    • 3 viikkoa sitten
  • rakabuba
    rakabuba
    • 3 viikkoa sitten

    Have a view of entry #55

    • 3 viikkoa sitten
  • Miraz404web
    Miraz404web
    • 3 viikkoa sitten

    please check entries #54

    • 3 viikkoa sitten
  • rakabuba
    rakabuba
    • 3 viikkoa sitten

    please check entries #51 and #53

    • 3 viikkoa sitten
  • shakiluddin00011
    shakiluddin00011
    • 3 viikkoa sitten

    check #50

    • 3 viikkoa sitten
  • ashish01610
    ashish01610
    • 3 viikkoa sitten

    plz view of Entry #45

    • 3 viikkoa sitten
  • ashish01610
    ashish01610
    • 3 viikkoa sitten

    plz view of Entry #42

    • 3 viikkoa sitten
  • rakabuba
    rakabuba
    • 3 viikkoa sitten

    Hello Sir, please take a view of entry #41

    • 3 viikkoa sitten
  • ngdangtu
    ngdangtu
    • 3 viikkoa sitten

    Is it legal to use Js framework or Js library?

    • 3 viikkoa sitten
  • aminansar
    aminansar
    • 3 viikkoa sitten

    Hi. Hope you are doing good. Please don't end the contest before time. You will get much better entries as the time goes on. I will submit mine soon. Thanks :)

    • 3 viikkoa sitten
  • akbanda2
    akbanda2
    • 1 kuukausi sitten

    Is GIF alright??

    • 1 kuukausi sitten
    1. vw7105024vw
      Kilpailun järjestäjä
      • 1 kuukausi sitten

      no needs to be css and js, because thats the job i am looking for

      • 1 kuukausi sitten
  • Iitichondriusii
    Iitichondriusii
    • 1 kuukausi sitten

    Please check #7 ; I have added a link in this so you can see it online. (Try changing the styles).

    • 1 kuukausi sitten
    1. vw7105024vw
      Kilpailun järjestäjä
      • 1 kuukausi sitten

      yes love it

      • 1 kuukausi sitten
  • amirsaeed29
    amirsaeed29
    • 1 kuukausi sitten

    please check #26

    • 1 kuukausi sitten
  • Trappist95
    Trappist95
    • 1 kuukausi sitten

    here live demo https://riadbennacer.github.io for #17

    • 1 kuukausi sitten
    1. vw7105024vw
      Kilpailun järjestäjä
      • 1 kuukausi sitten

      thx i reviewed it!

      • 1 kuukausi sitten
  • vw7105024vw
    Kilpailun järjestäjä
    • 1 kuukausi sitten

    Hey all, I am seeing some amazing designs but its really hard to judge if the person who created it can also make it interactive.

    please while submitting the design also show some concrete examples to show its also possible for you to create it working. A simple resume is not what i am looking for, i want some concrete examples of components created.

    • 1 kuukausi sitten
    1. Iitichondriusii
      Iitichondriusii
      • 1 kuukausi sitten

      I have it finished and functional. The file is light, 12 kb, with the css and javascript included. Without libraries. Write me in private and I give you a link so you can see it.

      • 1 kuukausi sitten
  • marioada
    marioada
    • 1 kuukausi sitten

    I hope you know you're just getting entries from here: http://www.bestjquery.com/lab/progress-bar/
    Technically no one made anything for you yet...

    • 1 kuukausi sitten
  • ifaruki
    ifaruki
    • 1 kuukausi sitten

    What is this software about? It is an learning software, an game, what does it do?

    • 1 kuukausi sitten
    1. vw7105024vw
      Kilpailun järjestäjä
      • 1 kuukausi sitten

      Its learning software where they do exercises for spelling, but we want to make some game elements in it

      • 1 kuukausi sitten
  • usiddique0982
    usiddique0982
    • 1 kuukausi sitten

    Hi. Is it fine if i use frameworks like three.js? Or should it be in vanilla javascript

    • 1 kuukausi sitten
    1. vw7105024vw
      Kilpailun järjestäjä
      • 1 kuukausi sitten

      if its ligthweigth you can use frameworks

      • 1 kuukausi sitten

Näytä lisää kommentteja

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!