How to Use MiniProfiler with my custom UI

Hello Everyone,

I was just looking for some open source profilers for MVC-3 and stumbled on mini profiler. I really like the way it works. I want to use it for displaying profiling results in my own custom style Div on each page rather than the default Chicklet that it provides by default.
Ideally I would like to get the profiling results on the back end and then filter and filter and decide what to show to the user.
I want to achieve something like this.

http://hatchplatform.com

Kindly take a look at the footer of every page which displays a summary.
I want something which is very similar to this and was wondering mini profiler can let me achieve this.

I have no idea how to implement this any help would be greatly appreciated.

Best Regards,

Afraz Ali

Hi Sam!
Thanks a lot for your reply. Your suggestion worked perfectly and I have all the basic structure set up. The only question now is that on the UI Mini Profiler shows a lot of detail with names of Steps, their execution time etc.

If I want to get all this sort of detail from code behind then how can I Retrieve it. I can find some properties such as
MiniProfiler.Current.ExecutedNonQueries
MiniProfiler.Current.ExecutedReaders
MiniProfiler.Current.ExecutedScalars
MiniProfiler.Current.DurationMilliseconds

but none of them give me details according to the step names. I want to show sort of grouped info with step names like the MP UI does.
Is that possible? Where can I pull info in grouped form?

Best Regards,
Afraz Ali