CSS, JS: Creating an interactive progress bar

Contest Brief

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.

Recommended Skills

Top entries from this contest

View More Entries

Public Clarification Board

  • akbanda2
    akbanda2
    • 2 weeks ago

    Please check #56

    • 2 weeks ago
  • mdsobuzchandar52
    mdsobuzchandar52
    • 2 weeks ago

    check #49

    • 2 weeks ago
  • rakabuba
    rakabuba
    • 2 weeks ago

    Have a view of entry #55

    • 2 weeks ago
  • Miraz404web
    Miraz404web
    • 3 weeks ago

    please check entries #54

    • 3 weeks ago
  • rakabuba
    rakabuba
    • 3 weeks ago

    please check entries #51 and #53

    • 3 weeks ago
  • shakiluddin00011
    shakiluddin00011
    • 3 weeks ago

    check #50

    • 3 weeks ago
  • ashish01610
    ashish01610
    • 3 weeks ago

    plz view of Entry #45

    • 3 weeks ago
  • ashish01610
    ashish01610
    • 3 weeks ago

    plz view of Entry #42

    • 3 weeks ago
  • rakabuba
    rakabuba
    • 3 weeks ago

    Hello Sir, please take a view of entry #41

    • 3 weeks ago
  • ngdangtu
    ngdangtu
    • 3 weeks ago

    Is it legal to use Js framework or Js library?

    • 3 weeks ago
  • aminansar
    aminansar
    • 3 weeks ago

    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 weeks ago
  • akbanda2
    akbanda2
    • 1 month ago

    Is GIF alright??

    • 1 month ago
    1. vw7105024vw
      Contest Holder
      • 4 weeks ago

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

      • 4 weeks ago
  • Iitichondriusii
    Iitichondriusii
    • 1 month ago

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

    • 1 month ago
    1. vw7105024vw
      Contest Holder
      • 4 weeks ago

      yes love it

      • 4 weeks ago
  • amirsaeed29
    amirsaeed29
    • 1 month ago

    please check #26

    • 1 month ago
  • Trappist95
    Trappist95
    • 1 month ago

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

    • 1 month ago
    1. vw7105024vw
      Contest Holder
      • 1 month ago

      thx i reviewed it!

      • 1 month ago
  • vw7105024vw
    Contest Holder
    • 1 month ago

    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 month ago
    1. Iitichondriusii
      Iitichondriusii
      • 1 month ago

      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 month ago
  • marioada
    marioada
    • 1 month ago

    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 month ago
  • ifaruki
    ifaruki
    • 1 month ago

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

    • 1 month ago
    1. vw7105024vw
      Contest Holder
      • 1 month ago

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

      • 1 month ago
  • usiddique0982
    usiddique0982
    • 1 month ago

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

    • 1 month ago
    1. vw7105024vw
      Contest Holder
      • 1 month ago

      if its ligthweigth you can use frameworks

      • 1 month ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!