Well the real trick would be to create a javascript, or better yet a PHP script that could create the styles and markup for you.
About rounded corners, on Beverley's demo:
Code:
img, #slider {border-radius: 25px; background: #eaeaea;}
#mask {border-radius: 30px; background: #eaeaea;}
The mask should be a higher border-radius than the img and slider I think, and their backgrounds should match the page background.
Oh, and you would want to shorten the progress bar and move it to the left a little:
Code:
.progress-bar {
position:relative;
top:-5px;
left: 13px;
max-width:655px;
height:5px;
backgro . . .
And in a stunning turn of events, adding the styles at the beginning of this post in an on page stylesheet in the head, caused Chrome to stop wanting to translate the page!
Bookmarks