CSS, JS: Creating an interactive progress bar

  • Status: Closed
  • Hadiah: $50
  • Penyertaan diterima: 46
  • Pemenang: Iitichondriusii

Ringkasan Peraduan

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.

Kemahiran Disyorkan

Penyertaan teratas dari peraduan ini

Lihat Lagi Entri

Papan Penjelasan Umum

  • akbanda2
    akbanda2
    • 3 minggu yang lalu

    Please check #56

    • 3 minggu yang lalu
  • mdsobuzchandar52
    mdsobuzchandar52
    • 3 minggu yang lalu

    check #49

    • 3 minggu yang lalu
  • rakabuba
    rakabuba
    • 3 minggu yang lalu

    Have a view of entry #55

    • 3 minggu yang lalu
  • Miraz404web
    Miraz404web
    • 3 minggu yang lalu

    please check entries #54

    • 3 minggu yang lalu
  • rakabuba
    rakabuba
    • 3 minggu yang lalu

    please check entries #51 and #53

    • 3 minggu yang lalu
  • shakiluddin00011
    shakiluddin00011
    • 3 minggu yang lalu

    check #50

    • 3 minggu yang lalu
  • ashish01610
    ashish01610
    • 3 minggu yang lalu

    plz view of Entry #45

    • 3 minggu yang lalu
  • ashish01610
    ashish01610
    • 3 minggu yang lalu

    plz view of Entry #42

    • 3 minggu yang lalu
  • rakabuba
    rakabuba
    • 3 minggu yang lalu

    Hello Sir, please take a view of entry #41

    • 3 minggu yang lalu
  • ngdangtu
    ngdangtu
    • 3 minggu yang lalu

    Is it legal to use Js framework or Js library?

    • 3 minggu yang lalu
  • aminansar
    aminansar
    • 3 minggu yang lalu

    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 minggu yang lalu
  • akbanda2
    akbanda2
    • 1 bulan yang lalu

    Is GIF alright??

    • 1 bulan yang lalu
    1. vw7105024vw
      Penganjur Peraduan
      • 1 bulan yang lalu

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

      • 1 bulan yang lalu
  • Iitichondriusii
    Iitichondriusii
    • 1 bulan yang lalu

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

    • 1 bulan yang lalu
    1. vw7105024vw
      Penganjur Peraduan
      • 1 bulan yang lalu

      yes love it

      • 1 bulan yang lalu
  • amirsaeed29
    amirsaeed29
    • 1 bulan yang lalu

    please check #26

    • 1 bulan yang lalu
  • Trappist95
    Trappist95
    • 1 bulan yang lalu

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

    • 1 bulan yang lalu
    1. vw7105024vw
      Penganjur Peraduan
      • 1 bulan yang lalu

      thx i reviewed it!

      • 1 bulan yang lalu
  • vw7105024vw
    Penganjur Peraduan
    • 1 bulan yang lalu

    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 bulan yang lalu
    1. Iitichondriusii
      Iitichondriusii
      • 1 bulan yang lalu

      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 bulan yang lalu
  • marioada
    marioada
    • 1 bulan yang lalu

    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 bulan yang lalu
  • ifaruki
    ifaruki
    • 1 bulan yang lalu

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

    • 1 bulan yang lalu
    1. vw7105024vw
      Penganjur Peraduan
      • 1 bulan yang lalu

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

      • 1 bulan yang lalu
  • usiddique0982
    usiddique0982
    • 1 bulan yang lalu

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

    • 1 bulan yang lalu
    1. vw7105024vw
      Penganjur Peraduan
      • 1 bulan yang lalu

      if its ligthweigth you can use frameworks

      • 1 bulan yang lalu

Tunjukkan lebih banyak komen

Bagaimana mula dengan peraduan

  • Paparkan peraduan anda

    Paparkan Peraduan Anda Cepat dan mudah

  • Dapatkan berjuta penyertaan

    Dapatkan Bertan-tan Penyertaan Dari serata dunia

  • Anugerahkan penyertaan terbaik

    Anugerahkan penyertaan terbaik Muat turun fail-fail - Mudah!

Paparkan Peraduan Sekarang atau Sertai kami Hari Ini!