need to change your option to ‘candystripes‘ as opposed to ‘candystripe’ (plural, not singular).
damn. I need to update my documentation. Sorry about that. Actually, I can just make it so either works…
Not a problem either way. Thanks!
Something is still botched up. The top progress bar shown short code reads like this:
[wppb progress=75 option=animated-candystripe percent=inside]
I don’t know a bunch about coding, but couldn’t you just have it set to change the style depending on the css attribute that defines color.
Something like color:{color-option}
It would be cool to see the actual percentage inside the progress bar as an option with some cool CSS effects.
Actually, I noticed some problems of my own. Give me a minute and I will report back with suggestions/issues.
Alright. Got my issues worked out… lol
Suggestions:
1. Add the attribute “text-align: left;” to the style “div.wppb-progress”. That way if the bar is centered the progress meter will still be aligned on the left.
2. Add more colors when you get the time.
Great job otherwise!
I think your css might be cached on the server. It doesn’t seem to be loading the updated wppb.css.
In order to do something like what you suggest (color: {color-option}) you need to not actually be using CSS and instead wrap your CSS in a php file so you can pass variables to it or use some other crazy coding technique. The idea is that this should be as extensible as possible, so people can apply their own CSS to it if they want, and once you start using tricks that make things more complicated, you increase the barrier to entry.
I think your css might be cached on the server. It doesn’t seem to be loading the updated wppb.css.
In order to do something like what you suggest (color: {color-option}) you need to not actually be using CSS and instead wrap your CSS in a php file so you can pass variables to it or use some other crazy coding technique. The idea is that this should be as extensible as possible, so people can apply their own CSS to it if they want, and once you start using tricks that make things more complicated, you increase the barrier to entry.
Reply
Understood. I updated my suggestions and that’s no longer in it.
The reason I didn’t do a huge amount of colors (besides laziness — no, there really is a reason, I swear 🙂 ), is because the more CSS/code in general you add, the longer it will take your page to load. And if I added a ton of colors, you’re probably only going to be using one or two, you won’t be using all, say, twenty, so there’s a whole lot of code adding 0.02 seconds to your page load for no apparent reason. It might not be a significant drag, but still, I didn’t want to be the one responsible for your (not you personally, but you know what I mean) slow-ass site. 😉
Good point.
I do like your plugin because it’s simple, but maybe at some point you should consider using custom post types as well to generate your progress bars and providing the short code through that and PHP so that it doesn’t cause as much stress loading the pages. You could also then have sub-progress bars maybe shown via a selectable drop-down through javascript or jquery, that when combined equal the parent progress bar of 100% (shown at all times).
Thanks again for the support!
…maybe at some point you should consider using custom post types as well to generate your progress bars and providing the short code through that and PHP…
aaaaaaahhhhh!!! That’s like the opposite of what I wanted to do with this! ;p There were already a couple progress bar plugins that used CPTs and, you know, I love CPTs and all, but all I wanted was a freaking progress bar — I didn’t want to have to make a whole post just to get a progress bar. My real goal is to make it extensible so other people/developers can come along and use it however they want. If someone wanted to come along and build a crazy modified version that uses custom post types and multiple progress bars and an admin panel and and and… they can fork the Github repo 🙂
I do like what you did on your site though. That’s exactly the sort of thing I was thinking when I wrote it. Simple. Does what it’s supposed to do. Fills a specific need. I tend to be one of the developers in favor of less options and more simplified controls. Even adding the additional shortcode parameters sort of made me uncomfortable, as did the javascript that makes the progress bars animate when they load. I do plan on doing a stripped-down, basic version that doesn’t load any javascript and doesn’t use any CSS gradients at some point.
All understandable and that’s why it was only a suggestion. Great work!
