peterisgb Posted April 12, 2014 Share Posted April 12, 2014 Don't post much here as i don't get many ideas so i though i would post this here at least.. Enjoy. This code gives you a coloured animation stat bars. create a .css page. You're unable to view this code. Viewing code within this forum requires registration, you can register here for free. and then in header add You're unable to view this code. Viewing code within this forum requires registration, you can register here for free. under title. (change FILE_NAME.css to the .css file you've created.) You can replace the stats bar with the code below, Of course change the names accordingly. You're unable to view this code. Viewing code within this forum requires registration, you can register here for free. That shouldn't be to hard i hope. Contact me if you do need help. Tips. You can change the colour of the bars via CSS, orange, green and blue are included and remove the "stripes" to remove the animation. Enjoy Quote Link to comment Share on other sites More sharing options...
gamble Posted April 12, 2014 Share Posted April 12, 2014 Looks great! I may try this out in a moment...will update with results Quote Link to comment Share on other sites More sharing options...
peterisgb Posted April 12, 2014 Author Share Posted April 12, 2014 yup feedback goes nicely, there shouldn't be anything wrong with it i hope. Quote Link to comment Share on other sites More sharing options...
john. Posted April 12, 2014 Share Posted April 12, 2014 What browsers supports this? :) Looks good. Quote Link to comment Share on other sites More sharing options...
peterisgb Posted April 12, 2014 Author Share Posted April 12, 2014 for me works with firefox and opera Quote Link to comment Share on other sites More sharing options...
Script47 Posted April 12, 2014 Share Posted April 12, 2014 Not bad, have you got it so it changes colour depending on health? Quote Link to comment Share on other sites More sharing options...
peterisgb Posted April 12, 2014 Author Share Posted April 12, 2014 Not bad, have you got it so it changes colour depending on health? Nope not quite sure on that yet, Quote Link to comment Share on other sites More sharing options...
gamble Posted April 12, 2014 Share Posted April 12, 2014 <progress value="22" max="100"></progress> ^^That is also an easy option. Easy to edit and all. Quote Link to comment Share on other sites More sharing options...
Script47 Posted April 12, 2014 Share Posted April 12, 2014 (edited) Nope not quite sure on that yet, An if statement checking the users health would suffice I think. So let's say we want it to be red when the users health is 25 it would be something like this: You're unable to view this code. Viewing code within this forum requires registration, you can register here for free. I think this might work, try it. ;) <progress value="22" max="100"></progress> ^^That is also an easy option. Easy to edit and all. Easy option for what? Edited April 12, 2014 by Script47 Quote Link to comment Share on other sites More sharing options...
Jason-x Posted April 12, 2014 Share Posted April 12, 2014 didn't you just copy and paste this from http://red-team-design.com/stylish-css3-progress-bars/ ? Quote Link to comment Share on other sites More sharing options...
Script47 Posted April 12, 2014 Share Posted April 12, 2014 (edited) didn't you just copy and paste this from http://red-team-design.com/stylish-css3-progress-bars/ ? He's sharing the same file with users, nothing wrong with that. Unless the tutorial writer gave prior warning that you can't share or use the code, I don't see what he's done wrong. Edited April 12, 2014 by Script47 Quote Link to comment Share on other sites More sharing options...
peterisgb Posted April 12, 2014 Author Share Posted April 12, 2014 yeah, just putting in how to get it added into mccodes. Quote Link to comment Share on other sites More sharing options...
Samurai Legend Posted April 12, 2014 Share Posted April 12, 2014 Looks good. Might use this... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.