x

Search in
Sort by:

Question Status:

Search help

  • Simple searches use one or more words. Separate the words with spaces (cat dog) to search cat,dog or both. Separate the words with plus signs (cat +dog) to search for items that may contain cat but must contain dog.
  • You can further refine your search on the search results page, where you can search by keywords, author, topic. These can be combined with each other. Examples
    • cat dog --matches anything with cat,dog or both
    • cat +dog --searches for cat +dog where dog is a mandatory term
    • cat -dog -- searches for cat excluding any result containing dog
    • [cats] —will restrict your search to results with topic named "cats"
    • [cats] [dogs] —will restrict your search to results with both topics, "cats", and "dogs"

Changing Fill of a Progress Bar To Image/Gradient Fill

Hi guys, I was wondering if anyone could help me work out a blueprint to change the fill colour of a progress bar to an image, or the equivalent colours in a gradient fill.

Basically, the progress bar empty looks like this: alt text

and I want it to fill up using this image (or the equivalent colours if this is easier): alt text

Apologies if this is actually really simple

Thanks in advance!

Product Version: UE 4.15
Tags:
empty bar.png (32.4 kB)
full bar .png (35.3 kB)
empty bar.png (32.4 kB)
more ▼

asked Apr 17 '17 at 06:15 PM in Blueprint Scripting

avatar image

chloeeemegan
8 2 3 4

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

2 answers: sort voted first

Hello again!

This can be done easily via the progress bar properties:

alt text

You may need to adapt your image to fit properly though or play around with some of the other options.

-ARC

fill_bar.png (33.5 kB)
more ▼

answered Apr 17 '17 at 10:01 PM

avatar image

TheSecondSense
150 6 10 17

avatar image Lermy Aug 30 '17 at 02:05 PM

Is there a way to use a material that expose 2 colors to achieve this effect. I was also trying to control where the gradient begins, but no luck yet. :(

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

Hi, you should be able to do it with this kit on the unreal marketplace: It should solve what you would like to do, I noticed there's also a playable demo!

https://www.unrealengine.com/marketplace/procedural-ui-background-and-borders-umg-material-kit

more ▼

answered Mar 30 '18 at 10:38 PM

avatar image

Mauxx91
21 1 2 5

(comments are locked)
10|2000 characters needed characters left
Viewable by all users
Your answer
toggle preview:

Up to 5 attachments (including images) can be used with a maximum of 5.2 MB each and 5.2 MB total.

Follow this question

Once you sign in you will be able to subscribe for any updates here

Answers to this question