Jump to content


Photo

Circle-Progress [JQuery widget] fully customized


  • Please log in to reply
7 replies to this topic

#1 mohammad

mohammad

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 673 posts
  • LocationKufur Kassem, Palestine

Posted 19 November 2015 - 07:38 AM

Hello to all,

 

[Edit]: code/project was improved and uploaded.

 

Here is a jQuery widget with animation and fully customized and fully responsive that I have written recently:

 

Works excellent when resizing the browser window !

 

 

crcl.png

 

Code:

$('#newTasks').circleProgress({
  title:'15',
  caption:'New tasks',
  bgcolor:'#e1dddd',
  fgcolor:'#54c0fd',
  tfntcolor:'#54c0fd',
  cfntcolor:'#b0aeae',
  animationstep:1,
  rotateanimationstep:0.4,
  total:100,
  value:30,
  mstyle:0,
  thik:25,
  shadow:1
});

You may test is online (for limited time): http://80.179.68.220:8076

 

You can download project from here [port: 8076]: http://3msoft.net/mh...cleProgress.rar


  • 5

#2 _Mehmet_

_Mehmet_

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 486 posts
  • LocationAntalya / Turkey

Posted 19 November 2015 - 10:32 AM

thanks mohammad


  • 0

#3 Schuiab

Schuiab

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 317 posts

Posted 19 November 2015 - 01:21 PM

thank you brother Mohammad :)


  • 0

#4 Guillermo E. Paulino

Guillermo E. Paulino

    Advanced Member

  • Members
  • PipPipPipPip
  • 171 posts

Posted 19 November 2015 - 11:26 PM

thanks mohammad :)


  • 0

#5 sobakava

sobakava

    Active Member

  • Members
  • PipPipPip
  • 78 posts

Posted 20 November 2015 - 06:21 AM

looks really nice and useful. thanks!!!


  • 0

#6 Abaksoft

Abaksoft

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 461 posts
  • LocationAlgeria

Posted 20 November 2015 - 05:12 PM

Great محمد
+1
  • 0

#7 fredmontier

fredmontier

    Newbie

  • Members
  • Pip
  • 4 posts

Posted 29 January 2017 - 10:10 PM

Thanks a lot


  • 0

#8 d.bernaert

d.bernaert

    Member

  • uniGUI Subscriber
  • PipPip
  • 12 posts

Posted 01 August 2017 - 04:42 PM

Hi,

 

I'm trying to use this, but when running the application I always get a message from the browser: UniSyncObj.initEncode is not a function.

 

Does anybody have an idea what I'm doing wrong?

 

Thx,

Bernaert Dominique


  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users