HOME | DD
CypherVisor — Progress Bar (for Custom box)
by-nc-nd
Published: 2013-12-30 15:51:16 +0000 UTC; Views: 50785; Favourites: 1621; 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
Thank you so much. I am glad that you like my stuff!
👍: 0 ⏩: 1
You are very welcome dear
👍: 0 ⏩: 0
Thank you, I've used one of these to track the £2,000 I need to save up! D:
👍: 0 ⏩: 1
Thank you for providing so many useful resources for DeviantART users! You make this site a better place to be a part of! Have a great day.
👍: 0 ⏩: 1
Thank you for taking the time to say such sweet words. And it is my pleasure!
👍: 0 ⏩: 0
yOU
ARE SO COOL, DID YOU KNOW THAT ;w;
You always make freaking cool, sleek, and reliable content to help people customize their profiles and make them into their own informational work of art. Keep up the amazing work!! :'D
👍: 0 ⏩: 1
Haha...
Well, I like to do the customization stuff here in DA and I like helping others.
👍: 0 ⏩: 1
Ahh such a kind heart, dude. ;w; <33
You're a wonderful part of this community. ;w;
👍: 0 ⏩: 1
Haha... Not always!
And thanks for your sweet words, means a lot to me.
👍: 0 ⏩: 1
Ah well you do have to be real and focus on yourself sometimes, you know? v wv
You're very welcome ;w;
👍: 0 ⏩: 1
thanks for this ! using it on my profile
👍: 0 ⏩: 1
My pleasure!
And that's great!
👍: 0 ⏩: 1
Your codes are amazing, helpful, good to the eyes. You have provided so many people with beautiful pages. <33
With this progress bar it's a pity that you need the Donation pool for it to work as i can't seem to get it to look perfect.. And get rid of that damned default donate button. But thank you so much for supplying this.
👍: 0 ⏩: 1
Thanks for your kind appreciation!
Yeah, I know. But then again at least that is making it possible to use a custom bar.
👍: 0 ⏩: 0
Wow! That is great, I wish I had come up with that myself, since I had already toyed around with those tubes in the past. Thanks for updating them in such a great way!
👍: 0 ⏩: 1
Actually, I was trying to do something else in the donation pool and suddenly this clicked me that I can customize the pool bar. This tutorial is a by-product of an experiment..
👍: 0 ⏩: 1
Well, even if it was an experiment, it ended out pretty awesomely! Nice job!
👍: 0 ⏩: 1
awesome! thanks for teaching us the option to customize it as well!
👍: 0 ⏩: 1
this is the best thing ever. thank you so much. now people can see exactly how far I am on work
👍: 0 ⏩: 1
My please dear!
Btw, you need to use the donation pool widget to get the codes working in your profile. *I see that you are using it but it isn't showing up correctly*
Have fun and Happy new year!
👍: 0 ⏩: 1
that is so weird. i use google chrome and everything looks fine. I go to internet explorer and use my other account to go look and it looks all crooked. Any idea why that is?
👍: 0 ⏩: 1
Which version of IE are you using? In my IE10 it looks all fine (accept for a little distortion).
And just for your information, IE has always been a pain in the..
👍: 0 ⏩: 0
Thank you!
Have fun and Happy new year!
👍: 0 ⏩: 1
Happy New Year to you too!
👍: 0 ⏩: 1
Neat, I would totally donate points if I could x3
👍: 0 ⏩: 1
Haha thanks.
And that's okay. Enjoy.
👍: 0 ⏩: 0
That's such a neat idea! I'd always just designed different images for each level of my progress bars, but this is so much more efficient!
👍: 0 ⏩: 1
I know right? It is very easy to use and the bars are fully customizable.
👍: 0 ⏩: 0
These are AWESOME!
Honestly took me a while with your help Cypher to figure things out, but definitely worth having this code-set on my profile. Looks good too, after I played around with color combinations for the progress-bar image.
I will say this for anyone installing the Progress Bars on your profiles... and credit for finding this out goes to Cypher... you have to have the Donation Pool Widget installed otherwise this code will not work properly.
👍: 0 ⏩: 1
Haha, thank you for quickly contacting me about it! I had completely forgotten to mentioned about installing the donation pool widget in your profile to get these codes to work. I have updated it in the description now.
👍: 0 ⏩: 1
I know. I was asked about this by many. So finally it is here.
👍: 0 ⏩: 0
Awesome! I was hoping you'd find a way to make these work in custom boxes as well as journals. Time to go reorganize my page, me thinks.
👍: 0 ⏩: 1
Yeah, I know. I was asked by many if there are progress bars available for custom boxes after I had shared the ready to use journal progress bar codes.
Now it is! 
👍: 0 ⏩: 1
| Next =>