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.

Rate

If you found this tool useful, taking a moment to leave a rating really helps. Thanks for the support ❤️ 


Leave a comment

Log in with itch.io to leave a comment.