Shop Mobile More Submit  Join Login
Progress Bar (for Custom box) by CypherVisor Progress Bar (for Custom box) by CypherVisor

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:


<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc03.deviantart.net/fs70/f/2013/364/b/f/black_by_cyphervisor-d700e9h.jpg"/></div></div></div>



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:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc03.deviantart.net/fs70/f/2013/364/b/f/black_by_cyphervisor-d700e9h.jpg"/></div></div></div>

Blue:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc00.deviantart.net/fs71/f/2013/364/5/8/blue_by_cyphervisor-d700e9b.jpg"/></div></div></div>

White:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc02.deviantart.net/fs71/f/2013/364/2/f/white_by_cyphervisor-d700e9n.jpg"/></div></div></div>

Yellow:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc02.deviantart.net/fs70/f/2013/364/e/f/yellow_by_cyphervisor-d700e9r.jpg"/></div></div></div>

Red:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc02.deviantart.net/fs70/f/2013/364/b/1/red_by_cyphervisor-d700ea3.jpg"/></div></div></div>

Light Orange:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc09.deviantart.net/fs71/f/2013/364/d/f/lightorange_by_cyphervisor-d700dl4.jpg"/></div></div></div>

Pink:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc00.deviantart.net/fs71/f/2013/364/a/5/pink_by_cyphervisor-d700eak.jpg"/></div></div></div>

Light Green:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc06.deviantart.net/fs71/f/2013/364/a/f/lightgreen_by_cyphervisor-d700ean.jpg"/></div></div></div>

Cyan:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc06.deviantart.net/fs71/f/2013/364/3/9/cyan_by_cyphervisor-d700ear.jpg"/></div></div></div>

Green:
<div class="ctube ch"><i class="l"></i><div class="popup2-moremenu"><div class="floaty-boat"><br><img width="380" align="left" height="34" src="http://fc03.deviantart.net/fs71/f/2013/364/9/f/green_by_cyphervisor-d700fb7.jpg"/></div></div></div>




Get progress bars to use in your journal:


Journal CSS Progress-bar Source Code by CypherVisor




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 :points: to me as an appreciation or support.

Add a Comment:
 
:iconshelandrystudio:
This idea has made my progress so much easier for my customers. Love it. I used to use stars and percents as the way to let people know how far i was and this was something that i had been looking for. It is easy to use and the colors are bright enough to stand out on almost any background and looks great. I could never come up with this and I am glad that you are sharing your talents with the rest of us. You are a saint and much appreciated. Wish I had found you years ago. Been trying to find how to customize my profile for a long time.
What do you think?
The Artist thought this was FAIR
62 out of 63 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconbiueness:
bIueness Featured By Owner Jul 12, 2015  Student Digital Artist
All this stuff is super-useful! Thanks!!
Reply
:iconxx-icey-the-wolf-xx:
xX-Icey-the-wolf-Xx Featured By Owner Apr 11, 2015  Professional Digital Artist
i will try to use this
Reply
:iconteela-y:
Teela-Y Featured By Owner Feb 2, 2015  Student Writer
So helpful! Thank you!
Reply
:iconwolnir:
Wolnir Featured By Owner Jan 9, 2015  Hobbyist Digital Artist
Am I alone with this thing stopped working? :? I loved it so much T_T But now it crashed: prntscr.com/5qlog9
Reply
:iconmarooartz:
MarooArtz Featured By Owner Jan 11, 2015  Hobbyist Digital Artist
No I believe this still works you probably deleted some of the code.
Reply
:iconwolnir:
Wolnir Featured By Owner Jan 11, 2015  Hobbyist Digital Artist
No I believe I'm not so... silly ._.
 Screenshot 2 by Wolnir
Reply
:iconmarooartz:
MarooArtz Featured By Owner Jan 11, 2015  Hobbyist Digital Artist
I see, I don't really know what the problem is then...
Reply
:iconlechaoss:
LeChaoss Featured By Owner Dec 17, 2014  Student Traditional Artist
I think it's working in my donation pool, but anyways will this progress automatically goes up or u have to manually make it?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 19, 2014
You have to manually make it. :hmm:
Reply
:iconlechaoss:
LeChaoss Featured By Owner Dec 19, 2014  Student Traditional Artist
ok, thanks
Reply
:iconflip-cobbler:
Flip-Cobbler Featured By Owner Oct 25, 2014  Hobbyist General Artist
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?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Dec 19, 2014
Will, share a tut on this soon.
Reply
:iconsaber-panda:
Saber-Panda Featured By Owner Dec 12, 2014
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!

Donate widget customizing tutorial by UszatyArbuz
Reply
:iconflip-cobbler:
Flip-Cobbler Featured By Owner Dec 12, 2014  Hobbyist General Artist
thanks! <3
Reply
:iconorioniszeta:
OrionisZeta Featured By Owner Aug 27, 2014  Hobbyist Artist
Thank you, your awesome, have a good day :D
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 27, 2014
Yw :hug:
Reply
:iconhaanen:
haanen Featured By Owner Aug 22, 2014
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! 2. Love  thanks so much! 14. Smile 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Aug 23, 2014
It's my pleasure dear. :hug:
Reply
:iconsaihoshisutetchi:
SaihoshiSutetchi Featured By Owner May 28, 2014  Student General Artist
I love this idea!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 28, 2014
Thanks you... :)
Reply
:iconsass-haunted:
Sass-Haunted Featured By Owner May 23, 2014  Hobbyist Traditional Artist
Is it  possible  to change pollstack's bar colour to green
with one of those codes or other one? 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 24, 2014
Ah no! You can't customize the poll bars.
Reply
:iconsass-haunted:
Sass-Haunted Featured By Owner May 24, 2014  Hobbyist Traditional Artist
Oh crap :< That's quite sad 
I was hoping that it might be possible 
 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 25, 2014
hmm :hmm:
Reply
:iconlashellevalentine:
LashelleValentine Featured By Owner May 14, 2014  Professional Photographer
Your resources and tutorials are so useful! You are a great person and a very important contributor :hug: Just wanted to let you know that all of your hard work is appreciated!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner May 15, 2014
Thank you so much. I am glad that you like my stuff! :hug:
Reply
:iconlashellevalentine:
LashelleValentine Featured By Owner May 15, 2014  Professional Photographer
You are very welcome dear :huggle:
Reply
:iconself-epidemic:
Self-Epidemic Featured By Owner Apr 13, 2014  Professional Digital Artist
Thank you, I've used one of these to track the 2,000 I need to save up! D:
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 20, 2014
Ah! great use of it! :thumbsup:
Reply
:iconchillhyoh:
ChillhYoh Featured By Owner Apr 3, 2014
This is awesome and useful, thanks alot!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Apr 3, 2014
Thank you. :)
Reply
:iconchillhyoh:
ChillhYoh Featured By Owner Apr 5, 2014
You're welcome ^v^
Reply
:iconneonicbeast:
NeonicBeast Featured By Owner Mar 19, 2014  Student Digital Artist
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. :)
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Mar 19, 2014
Thank you for taking the time to say such sweet words. And it is my pleasure! :thanks:
Reply
:iconorribu:
orribu Featured By Owner Mar 16, 2014  Hobbyist Digital Artist
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
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Mar 17, 2014
Haha... :lol:

Well, I like to do the customization stuff here in DA and I like helping others. :love:
Reply
:iconorribu:
orribu Featured By Owner Mar 17, 2014  Hobbyist Digital Artist
Ahh such a kind heart, dude. ;w; <33
You're a wonderful part of this community. ;w; 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Mar 18, 2014
Haha... Not always! :XD:

And thanks for your sweet words, means a lot to me. :thanks:
Reply
:iconorribu:
orribu Featured By Owner Mar 18, 2014  Hobbyist Digital Artist
Ah well you do have to be real and focus on yourself sometimes, you know? v wv

You're very welcome ;w; 
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Mar 19, 2014
Hmm... :hug:
Reply
:iconsammyjackles:
SammyJackles Featured By Owner Jan 21, 2014  Hobbyist Digital Artist
thanks for this ! using it on my profile :D
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 22, 2014
My pleasure! :hug:

And that's great! :la:
Reply
:iconsammyjackles:
SammyJackles Featured By Owner Jan 22, 2014  Hobbyist Digital Artist
Huggle! 
Reply
:iconpandaa-ko:
Pandaa-ko Featured By Owner Jan 6, 2014
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.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 22, 2014
Thanks for your kind appreciation! :hug:

Yeah, I know. But then again at least that is making it possible to use a custom bar. :XD:
Reply
:iconchinzapep:
ChinZaPep Featured By Owner Jan 2, 2014  Student Digital Artist
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! :D
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 2, 2014
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.. :lmao:
Reply
:iconchinzapep:
ChinZaPep Featured By Owner Jan 2, 2014  Student Digital Artist
Well, even if it was an experiment, it ended out pretty awesomely! Nice job!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 3, 2014
Haha thanks.. :)
Reply
:iconiamanelebiscarra:
iAmAneleBiscarra Featured By Owner Jan 1, 2014  Hobbyist General Artist
awesome! thanks for teaching us the option to customize it as well! :D
Reply
Add a Comment:
 
×




Details

Submitted on
December 30, 2013
Image Size
35.2 KB
Resolution
665×918
Link
Thumb
Embed

Stats

Views
18,198 (3 today)
Favourites
1,215 (who?)
Comments
115

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×