L

Publisher

Lesus

Flexible Progress Bar

2D

This is a relatively flexible progress bar shader that can be attached as a material in a colorRect and controlled with a simple script. The shader supports various modes such as health bar, rainbow fluid etc.. The shader also allows for custom texture frames so you could quickly create the progress bar you want. The progress bar has customisable colors, fill types, borders and more! This shader was mainly designed for fast prototyping but it could also be good enough for a finished game.

Quick Setup

  • Create a ColorRect node in your scene

  • Apply the “progress_bar.gdshader” to the ColorRect material

  • Attach the “progress_bar.gd” script to the ColorRect (Can be found on GitHub)

  • Configure the bar in the inspector or through code

Check the example scene within the GitHub repo and/or the short YouTube video!