Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate

Progress / health / mana bar svg

Author: 
arkalain
Wednesday, June 5, 2013 - 23:52
Art Type: 
2D Art
Tags: 
bar
progress
progress bars
health bar
mana bar
svg
gui
License(s): 
CC0
Collections: 
  • !CO Assets
  • 2D::UI/HUD/Skin
  • C0 fantasy modern game
  • General - G.U.I.
  • Generic Art Collection
  • pixelart-game
  • RPG
  • User Interface (UI) Art Collection
  • [GUI] Cartooney style
Favorites: 
14
Share Icons: 
Preview: 
Preview

Simple 2d bar.

  • includes a background layer (empty bar)
  • bar layer ( 3 different blue bars are privided)
  • foreground layer (frame around the bar)
  • a marker (for progress bars)

This was my attemp at trying to duplicate plants vs zombies's progress bar.

Not a good artist myself, but might be useful for someone

 

Attribution Instructions: 
Attribution is not necessary, tho I would love to see how you use it.
File(s): 
progress bar.svg progress bar.svg 18.1 Kb [2271 download(s)]
  • Log in or register to post comments

Comments

Delirius
joined 11 years 1 month ago
06/06/2013 - 08:31

Nice, I really like the green one.

  • Log in or register to post comments
InanZen
joined 10 years 2 months ago
06/08/2013 - 06:16
InanZen's picture

can we get a version with separate handle from the bar?

  • Log in or register to post comments
arkalain
joined 10 years 5 months ago
06/08/2013 - 06:38

What do you mean by handle?

  • Log in or register to post comments
InanZen
joined 10 years 2 months ago
06/08/2013 - 06:52
InanZen's picture

the white handle that moves up and down the bar.

Or was it not meant for that ? 

I will probably use this for a slider control purposes.

 

 

 

 

  • Log in or register to post comments
arkalain
joined 10 years 5 months ago
06/08/2013 - 06:57

That was actually meant as a static marker for "checkpoints"For my game, i exported the handle as a different image from inkscape. I have them in the same svg file so that if you want to modify it you can See easier how it looks

 

 

  • Log in or register to post comments
InanZen
joined 10 years 2 months ago
06/08/2013 - 06:59
InanZen's picture

All i see in this .svg is a green bar with gray border and a handle 3/4 of way up.

Are there supposed to be layers in the file if opened with specific image editing program?

 

 

  • Log in or register to post comments
arkalain
joined 10 years 5 months ago
06/08/2013 - 07:03

If you open it with an svg editing program you should See the layers.

i used inkscape to create the svg

  • Log in or register to post comments
Selfmoon
joined 2 years 3 weeks ago
03/29/2023 - 04:38
Selfmoon's picture

Really good!

  • Log in or register to post comments