The shown UI component is some sort of a modal sliding pane. Kendo Window is not supposed to operate as a pane, but it can be programmed to have a similar visual effect.
You can, typically, set the width, height and position properties so that it fits the position and size requirements you have. You can use percent values with these options, but only by using client-side configuration. Therefore, with the MVC wrapper you should use the setOptions method to configure that.
Next, the sliding animation can be defined by using the animation option. You can set the effects to "slideIn:left", which will slide the dialog from right to left.
Here you are a runnable dojo example with the client-side widget to test out the suggested solution: http://dojo.telerik.com/uLafo.
And the same behavior with the MVC wrapper you can achieve with this sample code:
.Animation(animation => animation
.Open(open => open.SlideIn(SlideDirection.Left).Duration(500))
.Close(close => close.SlideIn(SlideDirection.Left).Duration(500).Reverse(
.Actions(actions => actions.Clear().Close())
.Resizable(resizable => resizable.Enabled(
"Show Slide Dialog"
.Events(events => events.Click(
dialog = $(
Telerik by Progress