CSS, JS: Creating an interactive progress bar

Konkurransesammendrag

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
https://dribbble.com/shots/6646026-Save-Money-Progress-Bar
https://dribbble.com/shots/3196156-Download-IV
https://file.mockplus.com/image/2018/09/6eae3a2d-3df0-4227-a96f-bfb5aeaf7114.png
https://dribbble.com/shots/4483904-Progress-Bar

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.

Anbefalte ferdigheter

Beste bidrag i denne konkurransen

Se flere innlegg

Offentlig avklaringstavle

  • akbanda2
    akbanda2
    • 4 år siden

    Please check #56

    • 4 år siden
  • mdsobuzchandar52
    mdsobuzchandar52
    • 4 år siden

    check #49

    • 4 år siden
  • rakabuba
    rakabuba
    • 4 år siden

    Have a view of entry #55

    • 4 år siden
  • Miraz404web
    Miraz404web
    • 4 år siden

    please check entries #54

    • 4 år siden
  • rakabuba
    rakabuba
    • 4 år siden

    please check entries #51 and #53

    • 4 år siden
  • shakiluddin00011
    shakiluddin00011
    • 4 år siden

    check #50

    • 4 år siden
  • ashish01610
    ashish01610
    • 4 år siden

    plz view of Entry #45

    • 4 år siden
  • ashish01610
    ashish01610
    • 4 år siden

    plz view of Entry #42

    • 4 år siden
  • rakabuba
    rakabuba
    • 4 år siden

    Hello Sir, please take a view of entry #41

    • 4 år siden
  • ngdangtu
    ngdangtu
    • 4 år siden

    Is it legal to use Js framework or Js library?

    • 4 år siden
  • aminansar
    aminansar
    • 4 år siden

    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 :)

    • 4 år siden
  • akbanda2
    akbanda2
    • 4 år siden

    Is GIF alright??

    • 4 år siden
    1. vw7105024vw
      Konkurranseholder
      • 4 år siden

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

      • 4 år siden
  • Iitichondriusii
    Iitichondriusii
    • 4 år siden

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

    • 4 år siden
    1. vw7105024vw
      Konkurranseholder
      • 4 år siden

      yes love it

      • 4 år siden
  • amirsaeed29
    amirsaeed29
    • 4 år siden

    please check #26

    • 4 år siden
  • Trappist95
    Trappist95
    • 4 år siden

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

    • 4 år siden
    1. vw7105024vw
      Konkurranseholder
      • 4 år siden

      thx i reviewed it!

      • 4 år siden
  • vw7105024vw
    Konkurranseholder
    • 4 år siden

    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.

    • 4 år siden
    1. Iitichondriusii
      Iitichondriusii
      • 4 år siden

      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.

      • 4 år siden
  • RedLayers
    RedLayers
    • 4 år siden

    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...

    • 4 år siden
  • ifaruki
    ifaruki
    • 4 år siden

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

    • 4 år siden
    1. vw7105024vw
      Konkurranseholder
      • 4 år siden

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

      • 4 år siden
  • usiddique0982
    usiddique0982
    • 4 år siden

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

    • 4 år siden
    1. vw7105024vw
      Konkurranseholder
      • 4 år siden

      if its ligthweigth you can use frameworks

      • 4 år siden

Vis flere kommentarer

Hvordan å komme i gang med konkurranser

  • Legg ut din konkurransen

    Legg ut din konkurranse Raskt og enkelt

  • Få mange bidrag

    Få mange bidrag Fra hele verden

  • Kår det beste bidraget

    Kår det beste bidraget Last ned filene - Enkelt!

Legg ut en konkurranse nå eller bli med i dag!