
Load Bar Generator
Load Bar Generator is a free, browser-based visual tool for creating fully customizable loading bars for your games, web apps, or multimedia projects. Fine-tune every detail: style, colors, fill direction, animation, text, and more. Once you’re happy with the result, export the animation as a PNG sequence, WebM video, animated GIF, or ready-to-use CSS/HTML code.
Key features:
- 7 bar styles: Linear, circular, triangle, square, text fill, image opacity, and more.
- Continuous or segmented fill (with adjustable segment count).
- 8 swipe directions (N, S, E, W, and diagonals) to control how the bar reveals itself.
- Advanced colors: solid fill, linear and radial gradients, secondary color, and customizable glow effect.
- Drawing modes for geometric shapes: stroke (outline) or solid fill.
- Overlaid text: percentage, remaining time, or custom text, with adjustable font, size, position, and color. Drag to place it anywhere!
- Smooth animation: configurable duration, FPS, and 7 easing curves (linear, ease, elastic, bounce, etc.).
- Transparent or colored background, rounded corners, and adjustable canvas padding.
- Import a PNG overlay and position/scale/opacity it by dragging right on the canvas.
- Load custom fonts (.ttf, .otf, .woff) and apply them to text.
- Multiple export formats:
- PNG sequence as a ZIP file.
- WebM video (VP9 codec).
- Animated GIF (via gif.js).
- CSS + HTML snippet to replicate the bar on your website.
- Dark, responsive UI with collapsible panels and real‑time preview.
Perfect for: Game developers, UI/UX designers, web creators, and anyone needing to quickly prototype loading screens and obtain professional animated assets.
💬 Feedback & Support
I love seeing how you use Load Bar Generator in your projects. If you have questions, ideas, or just want to share what you’ve made, feel free to leave a comment or reach out directly. It’s always great to see your work in action.
If you found this tool useful, taking a moment to leave a rating really helps. Thanks for the support ❤️
| Published | 2 days ago |
| Status | Released |
| Category | Tool |
| Platforms | HTML5 |
| Author | Heosphorus |
| Tags | Animation, game-development, loading-bar, progress-bar, tool, utility |
| Content | No generative AI was used |


Leave a comment
Log in with itch.io to leave a comment.