Animated Progressbar [jquery widget]

[mhmda]

Hello,

 

Here is another widget that I have created, you can use it in ungui app:

 

 

code:

$('#divBar').ProgressBar({
  position:89,
  devide:5,
  title:'250 GB',
  caption:'Free',
  icon:'images/cpuu.png',
  bgcolor:'#f7f6f6',
  clrborder:'#d2d0d0',
  clrstart:'#72c926',
  clrend: '#87de38',
  tfntcolor:'#acacac',
  cfntcolor:'#fcb34d',
  animate:true
});

Online test: http://80.179.68.220:8083

 

Download project: http://3msoft.net/mhmd/ProgressBar.rar

[epos4u]

Wow, thank you Mohammad

 

great work indeed

[mehmet07]

thank you Mohammad

[docjones]

Hi

this i'ts very old post.., it is possible download the bar js file or demo project ?
thanks

[mhmda]

Hi, 

Sorry I don't have the project anywhere...

[mdagli2003]

how to use this code? server css?

[Sherzod]

1 hour ago, mdagli2003 said:

how to use this code? server css?

This post is no longer complete...

BTW, which edition and build of uniGUI are you using?

[mdagli2003]

trial, 1.90.0.1565

[Sherzod]

OK.

[mdagli2003]

On 11/23/2015 at 9:21 PM, mhmda said:

Hello,

 

Here is another widget that I have created, you can use it in ungui app:

 

http://3msoft.net/mhmd/bar.png

 

code:

$('#divBar').ProgressBar({
  position:89,
  devide:5,
  title:'250 GB',
  caption:'Free',
  icon:'images/cpuu.png',
  bgcolor:'#f7f6f6',
  clrborder:'#d2d0d0',
  clrstart:'#72c926',
  clrend: '#87de38',
  tfntcolor:'#acacac',
  cfntcolor:'#fcb34d',
  animate:true
});

Online test: http://80.179.68.220:8083

 

Download project: http://3msoft.net/mhmd/ProgressBar.rar

how to use?

[Sherzod]

Just now, mdagli2003 said:

how to use?

 

15 minutes ago, Sherzod said:

This post is no longer complete...