CSS, JS: Creating an interactive progress bar

Status: Closed
Nagroda: $50
Uzyskane Zgłoszenia: 46
Zwycięzca: Iitichondriusii

Winner

Opis Konkursu

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.

Zalecane Umiejętności

Winner

Opublikuj Konkurs Taki Jak Ten

Najlepsze zgłoszenia do tego konkursu

mdsobuzchandar52 Bangladesh

1
vw6377652vw Montenegro

1
Trappist95 Algeria

1
akbanda2 Bangladesh

0
akbanda2 Bangladesh

0
Trappist95 Algeria

0
mdsobuzchandar52 Bangladesh

0
limonhasan40 Bangladesh

0
tresitem Bangladesh

0
akbanda2 Bangladesh

1
rakabuba Pakistan

0
rakabuba Pakistan

0
rakabuba Pakistan

0
rakabuba Pakistan

0
akbanda2 Bangladesh

0
mrssazada7 Bangladesh

0

Zobacz więcej zgłoszeń

Publiczna Tablica Wyjaśnień

akbanda2
- 4 lat temu
Please check #56
- 4 lat temu
mdsobuzchandar52
- 4 lat temu
check #49
- 4 lat temu
rakabuba
- 4 lat temu
Have a view of entry #55
- 4 lat temu
Miraz404web
- 4 lat temu
please check entries #54
- 4 lat temu
rakabuba
- 4 lat temu
please check entries #51 and #53
- 4 lat temu
shakiluddin00011
- 4 lat temu
check #50
- 4 lat temu
ashish01610
- 4 lat temu
plz view of Entry #45
- 4 lat temu
ashish01610
- 4 lat temu
plz view of Entry #42
- 4 lat temu
rakabuba
- 4 lat temu
Hello Sir, please take a view of entry #41
- 4 lat temu
ngdangtu
- 4 lat temu
Is it legal to use Js framework or Js library?
- 4 lat temu
aminansar
- 4 lat temu
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 lat temu
akbanda2
- 4 lat temu
Is GIF alright??
- 4 lat temu
1. Organizator Konkursu
  - 4 lat temu
  no needs to be css and js, because thats the job i am looking for
  - 4 lat temu
Iitichondriusii
- 4 lat temu
Please check #7 ; I have added a link in this so you can see it online. (Try changing the styles).
- 4 lat temu
1. Organizator Konkursu
  - 4 lat temu
  yes love it
  - 4 lat temu
amirsaeed29
- 4 lat temu
please check #26
- 4 lat temu
Trappist95
- 4 lat temu
here live demo https://riadbennacer.github.io for #17
- 4 lat temu
1. Organizator Konkursu
  - 4 lat temu
  thx i reviewed it!
  - 4 lat temu
Organizator Konkursu
- 4 lat temu
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 lat temu
1. Iitichondriusii
  - 4 lat temu
  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 lat temu
RedLayers
- 4 lat temu
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 lat temu
ifaruki
- 4 lat temu
What is this software about? It is an learning software, an game, what does it do?
- 4 lat temu
1. Organizator Konkursu
  - 4 lat temu
  Its learning software where they do exercises for spelling, but we want to make some game elements in it
  - 4 lat temu
usiddique0982
- 4 lat temu
Hi. Is it fine if i use frameworks like three.js? Or should it be in vanilla javascript
- 4 lat temu
1. Organizator Konkursu
  - 4 lat temu
  if its ligthweigth you can use frameworks
  - 4 lat temu