On Whatever you do to Equip Armour

Pick Body by Unique ID

- Armour: Set Position to Body at Image Point X

- Armour Pin to Body

Does that work?

Ashley Awesome, thank you for the explanation. My confusion came from the fact that buttons seem to be 100% customizable through CSS, but the progress bar didn't seem to follow those same properties / css elements. I really appreciate you taking the time to explain and I truly hope I didn't seem too rude/blunt to you. Just been running on such little sleep trying to get cosmochoria done :

Makes a bunch more sense to me now, and makes sense why I cant specify background stuff, because I actually need to be able to target the "progress[value]::-webkit-progress-value" specifically. Oh well. Would be awesome to be able to make non-image based progress bars (for health bars, etc) but it sounds like a niche request if this thread is primarily just me and you talking about it haha.

progress[value]::-webkit-progress-value {

background-image:

-webkit-linear-gradient(-45deg,

transparent 33%, rgba(0, 0, 0, .1) 33%,

rgba(0,0, 0, .1) 66%, transparent 66%),

-webkit-linear-gradient(top,

rgba(255, 255, 255, .25),

rgba(0, 0, 0, .25)),

-webkit-linear-gradient(left, #09c, #f44);

border-radius: 2px;

background-size: 35px 20px, 100% 100%, 100% 100%;

}

equals

without using any images at all.

Ashley I am frustrated because i think you are misunderstanding my question or assuming I don't know what I'm talking about and therefore not thinking about my question as I am asking it.

As ive said before, i know CSS very well, what i dont know is the class you've assigned to the bar of colour in a progress bar, or how to target that class to apply colour to the progress bar. These semantics have nothing to do with CSS but are entirely related to your development of the progress bar element in Construct 2.

All Im Asking: Is it possible to change the color of the Progress Bars using the "Set CSS Style Action"? Is this even programmed in Construct 2?

If answer is yes, i guess I will continue to blindly fumble my in the dark to figure out how you have implemented it. If it's not possible, please tell me that it is not possible so I stop looking / asking for a way.

Ashley

Understood, i guess the issue is there is still zero documentation regarding what elements can actually be styled. So there's an option to add css styles to the progress bar, but no clear definition on what elements we are able to style and how.

Im guessing based on the lack of answers that it's not actually possible to change the background colour of a progress bar using the built in css expression?

bummer.. thanks!

interesting . this is the same thing im posting about on my thread

I bet if you ran your app on a mac it would look great

OK, so i think the issue is that the 'background' property does not work. I can add a "border" as a property name and "4px solid #F00" to add a red border to the progress box, but adding "background" as a property and a color always changes the color to a dark/greyish green, not the colour i specify.

Is it possible to get a list of what the elements are classified as / what property names to use?

Ie. How do i change the background of the progress bar? How do i change the bar itself?

Not me personally, but every one of the screenshots a colleague has sent me (she's on a windows machine) have the same issue as above - blockier / weirdly anti-aliased graphics and sprite fonts.

— Nope, 100% Full screen, though the anti-aliasing is unrelated to being fullscreen, if its in windowed mode, it looks just as bad/different -- arguably more-so because the sprites are smaller/harder to see finer details.

Well it seems i still don't get it?

This is what im using in the fields... is this incorrect? I thought this matches the tutorial posted...

Any help / guidance greatly appreciated Ashley

You can set any CSS value the browser understands. We can't possibly document all of CSS - there are existing websites covering how CSS works which you can use as a reference.

Ashley

Actually i know CSS, this is what I was asking for: the method of putting into that field.... There was no example or documentation of how to enter these values in. It seems i was on the right track, but didnt try it with quotes. Would be worth putting this screenshot in the manual maybe..?

Thank you for the tutorial / example Colludium