HOME | DD

CypherVisor — Progress Bar (for Custom box) by-nc-nd

Published: 2013-12-30 15:51:16 +0000 UTC; Views: 49655; Favourites: 1626; Downloads: 0
Redirect to original
Description »»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««

How to use ?
Just copy the source code(s) below and paste it in your Custombox module in your profile or group page.



IMPORTANT NOTE!!!!
You need to install the donation pool widget in your profile for this code to work properly.




SOURCE CODE:





INSTRUCTIONS TO USE:

Changing the progress-bar value:
You can increase or decrease the progress-bar by changing the value of the width in the above code. The value of the width should be between 0-385. Yeah, go ahead and give it a try!

Changing the color of the progress-bar:
Beside using the ready-made color progress bars below you can customize it to your own. All you need to do is create an image of 385x34px (.jpg or .png) and upload it to your sta.sh. After uploading it in your sta.sh you need to open the image and get the direct-image-link (check this tut on how to get your direct image link) and replace with the image in the above code. I have underlined the image code that you need to replace. And a reference image can be found here


NOTE: These progress bars are of fix width (so please don't ask me how to shorten or lengthen them).



MORE PROGRESS BAR COLORS:
Black:



Blue:



White:



Yellow:



Red:



Light Orange:



Pink:



Light Green:



Cyan:



Green:






Get progress bars to use in your journal:





Want to customize your profile page?
Check all my free resources + tutorials: [LINK]



Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks
I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points to me as an appreciation or support.
Related content
Comments: 141

YukiSenmatsu [2018-06-08 22:18:24 +0000 UTC]

Using whenever I get to work on something

👍: 0 ⏩: 0

PrincessYuji [2018-06-06 17:45:02 +0000 UTC]

im useing this

👍: 0 ⏩: 0

EvilSnail1 [2018-02-21 07:09:47 +0000 UTC]

Used! ^^

👍: 0 ⏩: 0

LadyMonoceros [2018-02-11 20:14:21 +0000 UTC]

Love using the progress bars! 
Been trying to add a second layer of color so my watchers could see the previous progress point, but I'm not quite sure how to code it (if it's even possible with this one).
May just explain the updates in text below, if I can't.

👍: 0 ⏩: 0

BudderMeow [2018-01-04 02:13:40 +0000 UTC]

Used ^^

👍: 0 ⏩: 0

Customs-n-Randomness [2017-11-13 01:58:42 +0000 UTC]

Can i get the Black one with a max width of 8000? I suck at math an that would be soooo much easier to manage with my custom donation box.

---EDIT---

hmmm.... I think I just realized why the width is at such a small size..... disregard my request.... I'll just have to google the percentage from time to time, lol.

👍: 0 ⏩: 0

Emlina-Splatoon-Meme [2017-10-02 16:54:24 +0000 UTC]

thanks so much! it helps!,

👍: 0 ⏩: 0

HegesArt [2017-05-23 12:20:22 +0000 UTC]

This looks amazing, but somehow I don't quite get it to work (screenshot of how it looks here:  ). I don't know what I did wrong  

👍: 0 ⏩: 1

Sass-Haunted In reply to HegesArt [2019-04-06 22:32:02 +0000 UTC]

Change the width value to a smaller one. So, type 30 instead of 380. 
It's been a while since you posted this comment, but I hope I helped    

👍: 0 ⏩: 1

HegesArt In reply to Sass-Haunted [2019-04-10 19:09:54 +0000 UTC]

👍: 0 ⏩: 1

Sass-Haunted In reply to HegesArt [2019-04-10 20:19:21 +0000 UTC]

You're welcome  
Too bad XD If you'll return to that topic note me anytime you need help with html coding    

👍: 0 ⏩: 1

HegesArt In reply to Sass-Haunted [2019-04-18 09:31:08 +0000 UTC]

👍: 0 ⏩: 1

Sass-Haunted In reply to HegesArt [2019-05-03 10:14:12 +0000 UTC]

Yay! You're welcome  

👍: 0 ⏩: 0

Inky-Rain [2016-12-23 10:06:36 +0000 UTC]

when I put the background on it deletes the progress bar

👍: 0 ⏩: 1

MellowChanxx In reply to Inky-Rain [2017-04-09 20:35:55 +0000 UTC]

its only for premium members .-.

👍: 0 ⏩: 1

Inky-Rain In reply to MellowChanxx [2017-04-10 00:16:15 +0000 UTC]

I posted this comment when I had core xP but it doesnt matter anymore :3

👍: 0 ⏩: 1

MellowChanxx In reply to Inky-Rain [2017-04-10 00:17:44 +0000 UTC]

Oh i see, sorry!

👍: 0 ⏩: 1

Inky-Rain In reply to MellowChanxx [2017-04-10 23:35:58 +0000 UTC]

Thats ok! ^^

👍: 0 ⏩: 1

MellowChanxx In reply to Inky-Rain [2017-04-10 23:37:07 +0000 UTC]

👍: 0 ⏩: 0

PaMonk [2016-05-09 06:11:10 +0000 UTC]

Awesome Thanks so Much. - Edit took me a while but I finally got it thanks so much.

👍: 0 ⏩: 0

Alien-Snowflake [2016-04-18 09:23:03 +0000 UTC]

I need purple D:

👍: 0 ⏩: 1

jwedh In reply to Alien-Snowflake [2016-12-10 14:16:11 +0000 UTC]

👍: 0 ⏩: 0

phycebite [2015-10-09 23:59:34 +0000 UTC]

THANKYOOUUU SO MUCH FOR EXPLAINING HOW THE CHANGE THE AMOUNT IN THE BAR! i couldn't find it in any other tutos! THANKS MAN! :ddd

👍: 0 ⏩: 0

god-compIex [2015-07-12 18:33:57 +0000 UTC]

All this stuff is super-useful! Thanks!!

👍: 0 ⏩: 0

xX-Icey-the-wolf-Xx [2015-04-12 02:18:28 +0000 UTC]

i will try to use this

👍: 0 ⏩: 0

Axel-Lazuli [2015-02-02 17:55:30 +0000 UTC]

So helpful! Thank you!

👍: 0 ⏩: 0

Wolnir [2015-01-10 02:45:12 +0000 UTC]

Am I alone with this thing stopped working? I loved it so much T_T But now it crashed: prntscr.com/5qlog9

👍: 0 ⏩: 2

The-Bird-Artist In reply to Wolnir [2017-01-24 20:12:56 +0000 UTC]

Hey guys and gals. i have figured out your problem! you need to have a Donation Pool on your page for it to work! I hope this helps!

👍: 0 ⏩: 0

penls666 In reply to Wolnir [2015-01-12 00:38:00 +0000 UTC]

No I believe this still works you probably deleted some of the code.

👍: 0 ⏩: 1

Wolnir In reply to penls666 [2015-01-12 00:44:00 +0000 UTC]

No I believe I'm not so... silly ._.
 

👍: 0 ⏩: 2

LadyMonoceros In reply to Wolnir [2016-01-14 23:44:48 +0000 UTC]

I'm also having problems with it.
But I don't even get the full bars vertically. 
For instance, when I change the width, the color part of the bar is this tiny sliver of the correct width, but not the height.

👍: 0 ⏩: 0

penls666 In reply to Wolnir [2015-01-12 01:25:48 +0000 UTC]

I see, I don't really know what the problem is then...

👍: 0 ⏩: 0

LeChaoss [2014-12-17 22:47:45 +0000 UTC]

I think it's working in my donation pool, but anyways will this progress automatically goes up or u have to manually make it?

👍: 0 ⏩: 1

CypherVisor In reply to LeChaoss [2014-12-19 20:24:08 +0000 UTC]

You have to manually make it.

👍: 0 ⏩: 1

LeChaoss In reply to CypherVisor [2014-12-19 21:24:56 +0000 UTC]

ok, thanks

👍: 0 ⏩: 0

Flip-Cobbler [2014-10-25 15:35:59 +0000 UTC]

Is there any way to make this into the donation pool? For example, could you put a donate button on it and have it work?

👍: 0 ⏩: 2

CypherVisor In reply to Flip-Cobbler [2014-12-19 20:24:20 +0000 UTC]

Will, share a tut on this soon.

👍: 0 ⏩: 0

ezpups In reply to Flip-Cobbler [2014-12-13 00:16:29 +0000 UTC]

I don't know if you still need help, but I saw this tutorial before that allows you to create a custom Donation Pool box!

👍: 0 ⏩: 1

Flip-Cobbler In reply to ezpups [2014-12-13 00:29:47 +0000 UTC]

thanks! <3

👍: 0 ⏩: 0

OrionisZeta [2014-08-27 12:41:40 +0000 UTC]

Thank you, your awesome, have a good day

👍: 0 ⏩: 1

CypherVisor In reply to OrionisZeta [2014-08-27 20:30:26 +0000 UTC]

Yw

👍: 0 ⏩: 0

eloenne [2014-08-23 05:18:10 +0000 UTC]

thank you very much for providing so many wonderful resources for everyone! ;v; all of your hard work is very appreciated, in fact, my whole page is customized thanks to you!   thanks so much!   

👍: 0 ⏩: 1

CypherVisor In reply to eloenne [2014-08-23 09:12:50 +0000 UTC]

It's my pleasure dear.

👍: 0 ⏩: 0

SaihoshiSutetchi [2014-05-29 01:41:58 +0000 UTC]

I love this idea!

👍: 0 ⏩: 1

CypherVisor In reply to SaihoshiSutetchi [2014-05-29 04:49:28 +0000 UTC]

Thanks you...

👍: 0 ⏩: 0

Sass-Haunted [2014-05-23 21:05:29 +0000 UTC]

Is it  possible  to change pollstack's bar colour to green
with one of those codes or other one? 

👍: 0 ⏩: 1

CypherVisor In reply to Sass-Haunted [2014-05-24 20:48:32 +0000 UTC]

Ah no! You can't customize the poll bars.

👍: 0 ⏩: 1

Sass-Haunted In reply to CypherVisor [2014-05-24 22:56:26 +0000 UTC]

Oh crap :< That's quite sad 
I was hoping that it might be possible 
 

👍: 0 ⏩: 1

CypherVisor In reply to Sass-Haunted [2014-05-25 08:50:25 +0000 UTC]

hmm

👍: 0 ⏩: 0

LashelleValentine [2014-05-15 06:27:25 +0000 UTC]

Your resources and tutorials are so useful! You are a great person and a very important contributor Just wanted to let you know that all of your hard work is appreciated!

👍: 0 ⏩: 1


| Next =>