CSS, JS: Creating an interactive progress bar

  • Tình trạng: Closed
  • Giải thưởng: $50
  • Các bài thi đã nhận: 46
  • Người chiến thắng: Iitichondriusii

Tóm tắt cuộc thi

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.

Các kĩ năng yêu cầu

Những bài dự thi tốt nhất dự cuộc thi này

Xem thêm bài dự thi

Bảng thông báo công khai

  • akbanda2
    akbanda2
    • cách đây 3 tuần

    Please check #56

    • cách đây 3 tuần
  • mdsobuzchandar52
    mdsobuzchandar52
    • cách đây 3 tuần

    check #49

    • cách đây 3 tuần
  • rakabuba
    rakabuba
    • cách đây 3 tuần

    Have a view of entry #55

    • cách đây 3 tuần
  • Miraz404web
    Miraz404web
    • cách đây 3 tuần

    please check entries #54

    • cách đây 3 tuần
  • rakabuba
    rakabuba
    • cách đây 3 tuần

    please check entries #51 and #53

    • cách đây 3 tuần
  • shakiluddin00011
    shakiluddin00011
    • cách đây 3 tuần

    check #50

    • cách đây 3 tuần
  • ashish01610
    ashish01610
    • cách đây 4 tuần

    plz view of Entry #45

    • cách đây 4 tuần
  • ashish01610
    ashish01610
    • cách đây 4 tuần

    plz view of Entry #42

    • cách đây 4 tuần
  • rakabuba
    rakabuba
    • cách đây 4 tuần

    Hello Sir, please take a view of entry #41

    • cách đây 4 tuần
  • ngdangtu
    ngdangtu
    • cách đây 4 tuần

    Is it legal to use Js framework or Js library?

    • cách đây 4 tuần
  • aminansar
    aminansar
    • cách đây 4 tuần

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

    • cách đây 4 tuần
  • akbanda2
    akbanda2
    • cách đây 1 tháng

    Is GIF alright??

    • cách đây 1 tháng
    1. vw7105024vw
      Chủ cuộc thi
      • cách đây 1 tháng

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

      • cách đây 1 tháng
  • Iitichondriusii
    Iitichondriusii
    • cách đây 1 tháng

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

    • cách đây 1 tháng
    1. vw7105024vw
      Chủ cuộc thi
      • cách đây 1 tháng

      yes love it

      • cách đây 1 tháng
  • amirsaeed29
    amirsaeed29
    • cách đây 1 tháng

    please check #26

    • cách đây 1 tháng
  • Trappist95
    Trappist95
    • cách đây 1 tháng

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

    • cách đây 1 tháng
    1. vw7105024vw
      Chủ cuộc thi
      • cách đây 1 tháng

      thx i reviewed it!

      • cách đây 1 tháng
  • vw7105024vw
    Chủ cuộc thi
    • cách đây 1 tháng

    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.

    • cách đây 1 tháng
    1. Iitichondriusii
      Iitichondriusii
      • cách đây 1 tháng

      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.

      • cách đây 1 tháng
  • marioada
    marioada
    • cách đây 1 tháng

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

    • cách đây 1 tháng
  • ifaruki
    ifaruki
    • cách đây 1 tháng

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

    • cách đây 1 tháng
    1. vw7105024vw
      Chủ cuộc thi
      • cách đây 1 tháng

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

      • cách đây 1 tháng
  • usiddique0982
    usiddique0982
    • cách đây 1 tháng

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

    • cách đây 1 tháng
    1. vw7105024vw
      Chủ cuộc thi
      • cách đây 1 tháng

      if its ligthweigth you can use frameworks

      • cách đây 1 tháng

Xem thêm bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài thi xuất sắc nhất

    Trao giải cho bài thi xuất sắc nhất Download File - Đơn giản!

Đăng cuộc thi ngay hoặc tham gia với chúng tôi ngay hôm nay!