Custom Streamlabs sub goal bar that displays as a filling set of minecraft hearts where the hearts change and rank up after being completely filled.
The bar has a configurable number of heart containers, number of subs per heart, tiers, etc. Currently only goes up to 8 tiers but more could be added easily if you're a bit css savvy.
If all 8 tiers are used at 1 sub per heart and 10 heart containers it would take 800 or 880 subs to fill the bar depending on the "Rank Up Rollover Point" set in the bar Custom Fields.
- Go to: Streamlabs Dashboard - Subgoal
- Start a new goal if you haven't already. "Goal Amount" won't matter with this but "Current Amount", "End After", and "Goal Type" do affect the bar.
- Navigate to the "Settings" tab.
- Set "Include Resubs" to either include or not include resubs.
- Set "Enable Custom HTML/CSS" to Enabled.
- Go to: Latest Hearts Sub Bar Release
- Copy and paste each code block to the corresponding HTML, CSS, JS, and Custom Fields tab. Custom Fields is slightly difference as you will need to click the "Edit Custom Fields" button first and then paste the updated code in, and then click the "Update" button to apply the change.
- Go through and edit whatever settings you'd like on the Custom Fields tab.
- Click the "Save Settings" button at the bottom of the page.
