burg

code for progress bar (not circular)

Asked by Alessandro Lanave

I've tried to edit sora-clean to create other themes and to learn how they are made. This is the result: http://www.sourceslist.eu/guide/altri-temi-per-il-burg-basati-su-sora-clean/
I've understood how to insert a circular progress bar but i want to learn how to insert a rectangular progress bar.
Please could you explain me how can i insert a progress bar (not circular) in a burg theme, but using a png image repeated to show progress ? Could you pass me the code ?
There is a way to create customized progress bar with customized moviment? How can i define new movement (not only circular or rectangular) ?

Question information

Language:
English Edit question
Status:
Solved
For:
burg Edit question
Assignee:
No assignee Edit question
Last query:
Last reply:
Revision history for this message
Launchpad Janitor (janitor) said : 		#1

This question was expired because it remained in the 'Open' state without activity for the last 15 days.

Revision history for this message
bean (bean123ch) said : 		#2

Sorry for the slow response, I've been on vacation in the last three weeks.

For rectangle progressbar, currently you can only use two different color, for example:

progressbar {
   width = 10
   height = 1
   color = "red:green"
}

although adding support for png image is not difficult.

As for movement, what sort of effect are you looking for ?

Revision history for this message
bean (bean123ch) said : 		#3

reopen this question

Revision history for this message
Alessandro Lanave (ingalex) said : 		#4

I want to create a progressbar with a png/jpg texture to repeat to represent progress.
Then I thought to create a progress bar as circular but other shapes such as a wave ... ... maybe if I shall set the coordinates where the balls to appear as they appear in the circular progress bar. I don't know if this thing is doable.

Revision history for this message
bean (bean123ch) said : 		#5

> I want to create a progressbar with a png/jpg texture to repeat to represent progress.

Yeah, this seems like a good idea, it'd be added soon.

> Then I thought to create a progress bar as circular but other shapes such as a wave ... ... maybe if I shall set the coordinates where the balls to appear as they appear in the circular progress bar. I don't know if this thing is doable.

Here are the properties for circular progress bar. The image for ball
is set using tick property, background property sets the background.
num_ticks set the total number of images, the angle increment for each
image is therefore 360 / num_ticks. start_angle sets the angle for the
initial image, clockwise=1 to let it rotates clockwise instead of
anti-clockwise.

Revision history for this message
bean (bean123ch) said : 		#6

This feature has been implemented.